프로그래밍/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)
텍스트는 검정색으로 처리
가급적 순서대로 써주는게 좋다.
꼬이면.. 나도몰름.