아래 소스들은 모두 <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>
링크에 밑줄 없애기
<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>
반응형
'인터넷정보' 카테고리의 다른 글
| 마우스를 대면 커지는 글씨 (0) | 2007.10.16 |
|---|---|
| 마우스를 대면 커지는 글씨 (0) | 2007.10.16 |
| 얼굴문자 이미지 (0) | 2007.10.16 |
| 얼굴문자 이미지 (0) | 2007.10.16 |
| 링크된 곳 밑줄/컬러/배경/크기 지정하는 태그 (0) | 2007.10.16 |
| 테이블에 간단한 라인효과주기 (0) | 2007.10.16 |
| 테이블에 간단한 라인효과주기 (0) | 2007.10.16 |
| 익스플로러 창 조절하기 - resize, 리사이즈 (0) | 2007.10.16 |
| 익스플로러 창 조절하기 - resize, 리사이즈 (0) | 2007.10.16 |
| 라디오 버튼을 이용한 alert 창 (0) | 2007.10.16 |