Heim > Web-Frontend > Front-End-Fragen und Antworten > So ändern Sie die Farbe eines Hyperlinks in CSS

So ändern Sie die Farbe eines Hyperlinks in CSS

藏色散人
Freigeben: 2023-01-05 16:07:52
Original
9613 Leute haben es durchsucht

So ändern Sie die Hyperlink-Farbe in CSS: 1. Ändern Sie die Hyperlink-Farbe über „a:visited“; 3. Ändern Sie die Farbe über „a:hover“; . Durch „a:hover“ wird a:active gesetzt, um die Farbe zu ändern.

So ändern Sie die Farbe eines Hyperlinks in CSS

Die Betriebsumgebung dieses Artikels: Windows7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Css zum Ändern der Hyperlink-Farbe:

Jeder sollte mit dem Hyperlink-Tag vertraut sein. In diesem Artikel geht es hauptsächlich um die grundlegende CSS-Stileinstellung des a-Tags . .

css kann die folgenden Pseudoklassen zum Setzen von Hyperlinks verwenden:

a:link: Es handelt sich um einen nicht besuchten Stil, dem viele Dinge hinzugefügt werden können, z. B. das Entfernen von Unterstreichungen, das Ändern von Farben und andere Funktionen, die hier implementiert werden können.

a:visited: Dies ist der Stil, nachdem darauf geklickt wurde. Sie können auch viele Elemente hinzufügen und unterstreichen, Farben ändern, vergrößern usw.;

a:hover: Dies ist der Stil, wenn Die Maus schwebt. Es gibt Beispiele zur Einführung. Lassen Sie uns zunächst verstehen, dass sich die Farbe ändert, wenn die Maus an der Position des Hyperlinks geparkt ist Aktivierter Stil. Um es einfach auszudrücken: Sie können mit der Maus darauf klicken. Der Stil, der sofort angezeigt wird, ist auf vielen Websites zu finden. 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;}  /* 鼠标点击时 */
Nach dem Login kopieren

; Empfohlenes Lernen:

CSS-Video-Tutorial

]

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Farbe eines Hyperlinks in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage