본문 바로가기

IT/CSS

[CSS] HTML 링크에 밑줄 없애기

- 소 스 -

<HEAD>
<TITLE> 링크에 밑줄 없애기 </TITLE>
<style tape="text/css">
 
a:link { color: red; text-decoration: none;}
 
a:visited { color: black; text-decoration: none;}
 
a:hover { color: blue; text-decoration: underline;}
</style>

- 해 석 -
style 소스의 type = text를 제어하는 css로 한다.
a:link : 클릭하지 않은 링크
a:visited : 한번 클릭했던 혹은 다녀갔던 링크
a:hover : 링크를 클릭하려고 마우스를 가져갔을 때
decoration : 밑줄
none : 없는 상태
underline : 있는 상태

a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태

'IT > CSS' 카테고리의 다른 글

[CSS] clearfix  (0) 2011.11.17
[CSS] 글 문단, 태그 재정의/Embeding, lnline, Class  (0) 2011.11.16