Heim > Artikel > Web-Frontend > So legen Sie die Hyperlink-Farbe in HTML fest
So legen Sie die Hyperlink-Farbe in HTML fest
- 青灯夜游Original
- 2021-05-19 16:00:2825907Durchsuche
Methode: Verwenden Sie „a:link {color:color value;}“, „a:visited{color:color value;}“, „a:hover{color:color value;}“ und „a:active{color :Color value;}“-Anweisung legen Sie einfach die Linkfarben in den vier Zuständen des Hyperlinks fest.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
-Elements ist das href-Attribut, das das Ziel des Links angibt.
In allen Browsern ist die Standarddarstellung von Links:
Hyperlinks haben vier Zustände:
a:link – Normalzustand Nicht besuchter Link
a:visited – Der Link, den der Benutzer verwendet hat besucht
a:hover – Wenn der Benutzer mit der Maus über den Link fährt
a:aktiv – Der Moment, in dem auf den Link geklickt wird
Der Status des obigen Links bei Verwendung. Die folgenden Bestellregeln gelten:
a:hover muss a:link und a:visited folgen
a:active muss a:hover folgen
Hinweis: Bevor der Link zum ersten Mal besucht wird, ist der Link das von festgelegte Attribut a:link
Die spezifische Verwendung ist wie folgt:
a:link{color:red;}
a:visited{color:gray}
a:hover{color:blue;font-size:24px}
a:active{color:black}Beispiel:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a:link {color:red;} /* 未访问链接*/
a:visited {color:gray;} /* 已访问链接 */
a:hover {color:blue;} /* 鼠标移动到链接上 */
a:active {color:black;} /* 鼠标点击时 */
</style>
</head>
<body>
<p><b><a href="#">这是一个链接</a></b></p>
</body>
</html>
Empfohlenes Tutorial: „HTML-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Hyperlink-Farbe in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!