下線と文字色

カーソルを重ねてみてね♪

↑こんなカンジでカーソルが触れると下線を表示し文字色も変わります♪


↓のソースを＜HEAD＞〜＜/HEAD＞の間に貼り付けて下さい。

<STYLE type="text/css"> <!-- A:link{text-decoration:none;color:#008040;} A:visited{text-decoration:none;color:#666666;} A:hover{text-decoration:underline;color:#d0dcee;} --> </STYLE>

3行目 の色指定の部分は最初に表示される文字色。
4行目 の色指定の部分は訪問後の文字色。
5行目 の色指定の部分はカーソルが触れた時の下線と文字色の色。

※元々の文字『カーソルを重ねてみてね♪』の部分にはフォントサイズのみ指定して下さい。
　 色指定してしまうと下線と文字色がその元々の色で表示されてしまいます。
↓(例)
<A href="#"><FONT size="2">カーソルを重ねてみてね♪</FONT></A>