인터넷정보

링크된 곳 밑줄/컬러/배경/크기 지정하는 태그

알 수 없는 사용자 2007. 10. 16. 16:44
아래 소스들은 모두 <head>와 </head> 사이에 넣으세요.

링크에 밑줄 없애기
<style>
<!--
A { text-decoration:none; }
-->
</style>

링크에 마우스 오버시 밑줄 생기게하기
<style>
<!--
a { text-decoration:none; }
A:hover { text-decoration:underline; }
-->
</style>

링크에 마우스 오버시 윗줄 생기게하기
<style>
<!--
a { text-decoration:none; }
A:hover { text-decoration:overline; }
-->
</style>

링크 위아래로 줄생성하기
<style>
<!--
A:link { text-decoration:none; }
A:visited { text-decoration:none; }
A:active { text-decoration:none; }
A:hover { text-decoration:underline overline; }
-->
</style>

링크 주변에 칼라 번지게 하기
<style>
<!--
A:hover { text-decoration: none; background: DDF6DD; }
-->
</style>

링크 글자 롤오버 효과
<style>
<!--
A:hover { text-decoration: none; color: red; }
-->
</style>

링크된 글씨 커지게 하기.
(밑줄은 없어지고.. 밑줄을 그대로 둘려면.. text-decoration:underlink 하시면 됩니다.
<style>
<!--
A:hover {color:#008000; text-decoration:none; font-weight:bold; font-size:20pt }
-->
</style>

마우스 오버시 점선.
<style type="text/css">
<!--
A:hover { border-bottom: dotted green 1px; text-decoration:none}
-->
</style>
반응형