슬기셈틀

HTML(CSS)태그에서 링크 밑줄(언더라인) 없애기 / Links without Underline

我無 2011. 7. 17. 10:37

맘 같아서는 저 검정색을 샤아악~ 지워버리고 싶...


티스토리에 적용할 떄는 <style> ~ </style> 사이의 내용을 HTML 아래 CSS 태그부분에 넣어주면 OK.
3가지 태그 중에서 입맛에 맞는 걸 골라쓰면 된다. 난 외우기 좋은 두번째 'CLASS="NO-ULINE'를 선호한다.



출처: http://mwultong.blogspot.com/2007/02/html-css-links-without-underline.html



<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>