프로그래밍/CSS 3.0

링크 밑줄 표시 없애기 (a:link, a:visited, a:hover, a:active)

쇠주는참이슬 2012. 3. 19. 16:25

<style>
a:link            {color:black; text-decoration:none} // 평상시(한번도 클릭안된)

a:visited        {color:black; text-decoration:none} // 한번이상 클릭 한 후
a:hover        {color:black;   text-decoration:none } // 마우스오버시
a:active        {color:black; text-decoration:none} // 클릭하는 순간
</style> 

<a href="#"> 링크테스트 </a>
라는 가정하에 a 태그를 사용하고 있는 태그에
text라인을 모두 삭제하고 (text-decoration:none)
텍스트는 검정색으로 처리

가급적 순서대로 써주는게 좋다. 
꼬이면.. 나도몰름.