답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?대답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?
대답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?
2018년 7월 25일
5
그래디언트를 사용하여 크기와 위치를 쉽게 조정할 수 있습니다.
.underline {
background-image: linear-gradient(#5fca66, #5fca66);
background-position: bottom center; /*Adjust the background-position to move the line*/
background-size: 80% 2px; /*Adjust the background size to control length and height*/
background-repeat: no-repeat;
padding-bottom: 4px; /* this can also control the position
…
Open Full Answer
텍스트 데코레이션은 텍스트 길이에 맞게 길이가 제한됨
=> 이 방법으로 원하는 길이/위치/두께 조절이 비교적 쉽고빠름
Reference
이 문제에 관하여(답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?대답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/mommocmoc/answer-how-to-change-the-length-position-of-text-decoration-underline-2oii
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
.underline {
background-image: linear-gradient(#5fca66, #5fca66);
background-position: bottom center; /*Adjust the background-position to move the line*/
background-size: 80% 2px; /*Adjust the background size to control length and height*/
background-repeat: no-repeat;
padding-bottom: 4px; /* this can also control the position
Reference
이 문제에 관하여(답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?대답: 텍스트 장식의 길이/위치를 어떻게 바꿉니까? 밑줄?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/mommocmoc/answer-how-to-change-the-length-position-of-text-decoration-underline-2oii텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)