オンマウスで文字に背景色を表示

表示の例

テストページ１へ テストページ２へ テストページ３へ

リンク文字にマウスポインタをのせた時に、文字の色がかわり背景に色がつきます。

ソースは下のようになります。

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へ