Heim >Web-Frontend >Front-End-Fragen und Antworten >So legen Sie die Hyperlink-Farbe in CSS fest
So legen Sie die Hyperlink-Farbe in CSS fest
- 藏色散人Original
- 2021-05-14 10:50:437431Durchsuche
So legen Sie die Farbe von Hyperlinks in CSS fest: 1. Legen Sie die Farbe nicht besuchter Links über „a:link{color:#000000;}“ fest. 2. Legen Sie die Farbe besuchter Links über „a:visited {color:“ fest. #00FF00;}" Die Farbe des Links und so weiter.
Die Betriebsumgebung dieses Artikels: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer
css kann die folgenden Pseudoklassen zum Setzen von Hyperlinks verwenden:
a:link: Es handelt sich um einen nicht zugänglichen Stil, der Hier können viele Dinge hinzugefügt werden, z. B. das Entfernen von Unterstreichungen, das Ändern von Farben und andere Funktionen.
a:visited: Es ist der Stil, nachdem darauf geklickt wurde. Sie können ihm auch viele Elemente hinzufügen, z B. das Entfernen von Unterstreichungen, das Ändern von Farben, das Vergrößern usw. Funktion;
a: Dies ist der Mauszeigerstil. Wir werden es später kennenlernen. Sie können die Farbe so einstellen, dass sie sich ändert die Maus ist an der Position des Hyperlinks geparkt;
a:aktiv: Dies wird vereinfacht gesagt als „aktivierter Stil“ bezeichnet. Wenn Sie mit der Maus klicken, wird dieser Stil sofort angezeigt ;
Verwenden Sie den folgenden Stil, um die Hyperlink-Farbe zu ändern:
a:link{color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */Beispiel:
<html>
<head>
<style type="text/css">
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<title>test css</title>
</head>
<body>
<a href="#">HTML中文网</a>
</body>Empfohlenes Lernen: „CSS-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonSo legen Sie die Hyperlink-Farbe in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!