ホームページ  >  記事  >  ウェブフロントエンド  >  DIV+CSS マウスオーバーで背景色の変更 Method_html/css_WEB-ITnose

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

WBOY
WBOYオリジナル
2016-06-24 12:30:111847ブラウズ

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

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

onmouseout="this.style.backgroundColor='#FFFFFF'">

メソッド3:
以下は引用内容です: .d_over{background-color:#307172;}
.d_out{background-color:#EFEFEF;}

onmouseout="this.className='d_out '">はははは

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

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

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

以下は引用内容です:

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