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

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

WBOY
リリース: 2016-06-24 12:30:11
オリジナル
1904 人が閲覧しました

マウスオーバー時の背景色を変更する方法は色々ありますが、今回は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 を使用する場合は、もっと簡単な方法があります。

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

以下は引用内容です:

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート