| ポイント |
<![CDATA[
a:hover { background-color:orange; }
]]>
|
| 説 明 |
マウスがリンク文字上に乗ったら背景色を変えるには:hover擬似プロパティとbackground-colorプロパティを使います。スタイルの定義部分でa:hover { background-color: 指定色 }のようにします。指定色はカラー名またはカラーコード（#rrggbb, #rgbなど）で指定します。
|
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスがリンク文字上に乗ったら背景色を変える</title>
<style type="text/css"><!--
a:hover { background-color:orange; }
--></style>
</head>
<body>
<a href="http://www.google.com/">Google</a><br>
<a href="http://www.yahoo.co.jp">Yahoo</a><br>
<a href="http://www.openspc2.org">OpenSpace</a><br>
</body>
</html>
]]>
|
| 補足説明 |
Mac+IE4.xの場合はa { background-color:white; }などのようにあらかじめaタグに何かのスタイルを割り当てておく必要があります。 |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
マウスがリンク文字上に乗ったら背景色を変える