HTML 및 웹
HTML(CSS)태그에서 링크 밑줄(언더라인) 없애기 / Links without Underline
dewlit
2012. 7. 11. 11:21
<html>
<head>
<style type="text/css">
/* 링크에서 밑줄 없애기 */
a.no-uline { text-decoration:none }
/* 마우스 지나갈 때만 삭제 + 강제로 없애기 */
a.noul:hover { text-decoration:none !important }
</style>
</head>
<body>
<!-- 스타일을 직접 지정하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" style="text-decoration:none">Google 검색</a>
<br />
<!-- a.no-uline 클래스를 이용하여, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="no-uline">Google 검색</a>
<br />
<!-- 마우스를 가져갔을 때에만, 밑줄 지우기 -->
<a href="http://www.google.co.kr/" class="noul">Google 검색</a>
</body>
</html>