简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > htmlチュートリアル > 本文

CSS+DIV を使用すると、マウスが上を通過したときに背景の色を変更できます_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:32:44
オリジナル
1247 人が閲覧しました

マウスオーバー時の背景色を変える方法は色々ありますが、今回はCSS+DIVを使った方法を紹介します。

方法 1

以下は引用された内容です:

#div:hover{background:#000000;}

説明: ID を持つ要素の上をマウスが通過すると背景の色が変わりますdiv

IE6.0 、Firefox2.0、Opera 9.23 では動作しません

方法 2

以下は引用内容です:

}

.d_out{background-color:#EFEFEF;}
ははははは

タグは問題ありませんが、これにより他のタグが発生します。 を押すと色も変わります。 以下は引用内容です:
通常、 は特定の領域ではなく、リンクのスタイルを定義するために使用されます。現在、Web ページでは div+css が一般的に使用されています。もちろん、table を使用する場合は、もっと簡単な方法があります。




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

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

関連ラベル：
CSS+DIV实现鼠标经过背景变色
ソース：php.cn
前の記事：CSS/DIV Web デザイン ビデオ チュートリアル ディレクトリ [transfer]_html/css_WEB-ITnose 次の記事：CSS+DIV タグの命名規則
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！