Heim >Web-Frontend >CSS-Tutorial >Vier Zustände im CSS-Stil des a-Tags

Vier Zustände im CSS-Stil des a-Tags

不言
不言Original
2018-06-12 11:17:204409Durchsuche

Dieser Artikel stellt hauptsächlich die vier Staaten im CSS-Stil vor. Er hat einen gewissen Referenzwert. Jetzt können Freunde in Not darauf verweisen Das a-Tag lautet: a:link ->a:hover ->a:active ->a:visited. Darüber hinaus kann a:active nicht mit oder ohne Unterstreichung festgelegt werden (es ist immer vorhanden).

stellt Verbindungen in allen Zuständen dar, z. B. a{color:red}.

① a: Link: Nicht besuchter Link, z. B. a:link {color:blue}

② a:visited: Besuchter Link, z. B. a:visited{color:blue}
③ a:active: Bei Aktivierung (der Link erhält den Fokus, wenn) die Farbe des Links, z. B. a:active{color:blue}
④ a:hover: wenn sich die Maus über den Link bewegt, z. B. a:hover {color:blue }
Im Allgemeinen a:hover und a:visited Der Status des Links (Farbe, Unterstreichung usw.) sollte derselbe sein.
Die ersten drei entsprechen den Attributen link, vlink und alink des Body-Elements.
Die Reihenfolge der vier „Zustände“ ist: a:link –>a:hover –>a:active –>a:visited. Darüber hinaus kann a:active nicht mit oder ohne Unterstreichung gesetzt werden (es ist immer vorhanden).
Beispiel: Gemeinsame Statuswerte von Pseudoklassen

<style type = “text/css”> 
a {font-size:16px} 
a:link {color: blue; text-decoration:none;} //未访问:蓝色、无下划线 
a:active:{color: red; } //激活:红色 
a:visited {color:purple;text-decoration:none;} //已访问:purple、无下划线 
a:hover {color: red; text-decoration:underline;} //鼠标移近:红色、下划线 
</style>

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass er für das Lernen aller hilfreich ist die chinesische PHP-Website!

Verwandte Empfehlungen:

CSS Einführung in die Verwendung des Solid-Attributs von Border

Erklärung des CSS-Mauscursors

Das obige ist der detaillierte Inhalt vonVier Zustände im CSS-Stil des a-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn