オンマウスでアンダーラインを表示
表示の例
テストページ1へ
テストページ2へ
テストページ3へ
リンク文字にマウスポインタをのせた時に、アンダーラインが表示されます。
ソースは下のようになります。
HTMLソースのHEAD区間に貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<STYLE type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#FF0000; text-decoration:underline}
-->
</STYLE>
A:hover {color:#FF0000; text-decoration:underline} の部分で色を指定します。
color:#FF0000 の #FF0000 をあなたのお好みにかえてください。
(文字とアンダーラインの色は同じになります)
オーバーラインも表示させる場合には、下のソースにしてください。
ソース
<STYLE type="text/css">
<!--
A:link {text-decoration:none}
A:visited {text-decoration:none}
A:active {text-decoration:none}
A:hover {color:#FF0000; text-decoration:underline overline}
-->
</STYLE>
ホームページお役立ち小技集のTOPへ