オンマウスで文字に背景色を表示
表示の例
テストページ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:#FFFFFF; background:#9999FF}
-->
</STYLE>
A:hover {color:#FFFFFF; background:#9999FF} のところで、マウスポインタをのせた時の文字の色、背景の色を指定します。
文字の色は color:#FFFFFF の#FFFFFF を、背景の色は background:#9999FF の#9999FF をかえてください。
ホームページお役立ち小技集のTOPへ