ホームページ >ウェブフロントエンド >フロントエンドQ&A >css3でホバーとは何を意味しますか

css3でホバーとは何を意味しますか

WBOY
WBOYオリジナル
2022-04-18 16:14:277736ブラウズ

css3 の Hover は「ホバー」を意味し、「:hover」は疑似クラス セレクターです。このセレクターはすべての要素に適用され、マウスが要素上に移動したときに要素に特別なスタイルを追加できます。IE では、" " はセレクターが有効であることを確認するために宣言する必要があり、構文は "element:hover{style code}" です。

css3でホバーとは何を意味しますか

#このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3 における hover の意味

css:hover は疑似クラス セレクターであり、:hover 疑似クラス セレクターは、マウスがこの要素の上に移動すると、この要素に特別なスタイルを追加します。 :hover セレクターはすべての要素に適用されます。

:ホバーは、マウスがリンク上に移動したときに追加される特別なスタイルです。

IE では、「:hover」セレクターを有効にするには、「」を宣言する必要があります。

例は次のとおりです:


<!DOCTYPE html>
<html>
<head>
<style>
p:hover
{
background-color:yellow;
}
</style>
</head>
<body>
<p>改变背景颜色</p>
<p><b>注释:</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>
</body>
</html>

出力結果:

css3でホバーとは何を意味しますか

(学習ビデオ共有:

cssビデオチュートリアル)

以上がcss3でホバーとは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。