10/01/2015

[CODING] CSS를 이용한 h1, h2 태그 밑줄 적용하기(Editing for h1,h2)

각각 태그별로 디자인을 style 태그나 css를 통해 쉽게 꾸밀 수 있습니다.
CSS에러 아래와 같이 .post 하단에 적용된 인스턴스에 대해서 밑줄처리가 가능합니다.
(이외에도 여러 액션이 가능함)

.post h2{
text-decoration : underline;
}

or

.post h2{
border-bottom:thick double #666666;
}

위 두개 중 차이점이 있다면 text-decoration을 통한 밑줄은 일반적으로 Ctrl+U를 통해 사용하는 글씨 밑줄이고
border-bottom을 이용한 밑줄은 그 태그 구영 내 하단 테두리를 밑줄로 사용하게 됩니다. 차이가 있다면 줄바뀜에도
아래 border-bottom은 한줄만 그이게됩니다.

예시

text-decoration

border-bottom




HAHWUL

Security engineer, Gopher and H4cker!

Share: | Coffee Me:

0 개의 댓글:

Post a Comment