Heim > Artikel > Web-Frontend > So richten Sie CSS-Hover ein
So richten Sie CSS-Hover ein
- 藏色散人Original
- 2021-04-29 14:04:163544Durchsuche
css hover ist ein Selektor, der zum Auswählen des Elements verwendet wird, auf dem der Mauszeiger schwebt. Die Einstellungssyntax dieses Selektors lautet wie folgt: „a:hover{background-color:gelb;}“.
Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.
: Der Hover-Selektor wird verwendet, um das Element auszuwählen, auf dem der Mauszeiger schwebt.
Tipp: Der :hover-Selektor kann für alle Elemente verwendet werden, nicht nur für Links.
Tipps: Der :link-Selektor legt den Stil von Links fest, die auf Seiten verweisen, die nicht besucht wurden. Der :visited-Selektor wird zum Setzen von Links zu Seiten verwendet, die besucht wurden, und der :active-Selektor wird für aktive Links verwendet.
Hinweis: In der CSS-Definition muss :hover nach :link und :visited (falls vorhanden) platziert werden, damit der Stil wirksam wird.
Beispiel
Wählen Sie das Element aus, auf dem der Mauszeiger schwebt, und legen Sie seinen Stil fest:
Code:
<!DOCTYPE html>
<html>
<head>
<style>
a:hover
{
background-color:yellow;
}
</style>
</head>
<body>
<a href="http://www.w3school.com.cn">W3Sschool</a>
<a href="http://www.google.com">Google</a>
<a href="http://www.wikipedia.org">Wikipedia</a>
<p><b>注释：</b>:hover 选择器鼠标指针在其上浮动的链接设置样式。</p>
</body>
</html>Effekt:
Für detailliertere HTML/CSS-Kenntnisse besuchen Sie bitte CSS Video-Tutorial Kolumne!
Das obige ist der detaillierte Inhalt vonSo richten Sie CSS-Hover ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!