CSS 밑줄

밑줄을 border로 만들면 제어하기가 힘들다.
그래서 after요소를 이용한다.

h1:after {
  display: block;
  content: "";
  width: 100px;
  border-bottom: 1px solid #ccc;
}

밑줄의 길이는 width속성으로 정하고,
요소와 밑줄 사이의 간격을 조정하고 싶으면 padding이나 margin 속성을 추가하면 된다.

CSS에 게시되었습니다

관련 글

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 항목은 *(으)로 표시합니다