CSS 를 이용한 하이퍼링크 효과
관리자 · 2003-11-17 20:00:22
1. 하이퍼 링크 밑줄 생략하기
아래의 태그를 <HEAD>와 </HEAD> 태그 사이에 넣습니다.
<STYLE TYPE="text/css">
<!--
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:active { text-decoration: none;}
-->
</STYLE>
2. 하이퍼 링크 마우스 가져갈때 위, 아래 두줄 만들기
아래의 태그를 <HEAD>와 </HEAD> 태그 사이에 넣습니다.
<style type="text/css">
<!--
A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: none; }
A:hover {color:#eeeeee;text-decoration:underline overline;}
//-->
</style>
3. 하이퍼 링크 마우스 가져갈때 칼라박스 만들기
아래의 태그를 <HEAD>와 </HEAD> 태그 사이에 넣습니다.
<style type="text/css">
<!--
A:link { text-decoration: none; }
A:visited { text-decoration: none; }
A:active { text-decoration: none; }
A:hover { color:#eeeeee; text-decoration:none; background:#000000; }
//-->
</style>