DIV+CSS マウスオーバーで背景色の変更 Method_html/css_WEB-ITnose

マウスオーバー時の背景色を変更する方法は色々ありますが、今回はCSS+DIVを使った方法を紹介します。
方法 1
以下は引用された内容です:
#div:hover{background:#000000;}

説明: div の ID を持つ要素の上をマウスが通過すると背景の色が変わります
IE6 では機能しません.0、Firefox2.0、または Opera 9.23
方法 2
以下は引用された内容です: <div
onmouseout="this.style.backgroundColor='#FFFFFF'"></div>

メソッド3:
以下は引用内容です: <style> ;
.d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}
</style>
<div class= "d_out"
onmouseout="this.className='d_out '">はははは</div>

<a> タグは問題ありませんが、これにより <a> を持つ他のタグも色が変わります。

通常、<a> は特定の領域ではなく、リンクのスタイルを定義するために使用されます。現在、Web ページでは div+css が一般的に使用されています。もちろん、table を使用する場合は、もっと簡単な方法があります。

実際、現在では <a> タグが最もよく使用されています。

以下は引用内容です:
<style>
a {color:red; width:100px; height:22px;}
a:hover {background:#f4f4f4; }
</style>

このように、接続されている限り、特定の領域で使用でき、マウスが通過すると、特定の領域にあるすべての接続されたアイテムの色が変わります。