Heim > Web-Frontend > CSS-Tutorial > So ändern Sie die Schriftfarbe eines Hyperlinks mit CSS

So ändern Sie die Schriftfarbe eines Hyperlinks mit CSS

王林
Freigeben: 2020-12-02 17:32:08
Original
9054 Leute haben es durchsucht

So ändern Sie die Schriftfarbe eines Hyperlinks in CSS: Verwenden Sie zuerst Pseudoklassen, um den Hyperlink festzulegen, z. B. [a:link], und verwenden Sie dann das Farbattribut, um die Hyperlinkfarbe festzulegen, z. B. [a:link{; Farbe:#000000;} 】.

So ändern Sie die Schriftfarbe eines Hyperlinks mit CSS

Die Umgebung dieses Artikels: Windows 10, CSS3, dieser Artikel gilt für alle Computermarken.

(Teilen von Lernvideos: css-Video-Tutorial)

css verwendet die folgenden Pseudoklassen, um Hyperlinks zu setzen:

  • a:link: Es handelt sich um einen nicht besuchten Stil, und Sie können ihm viele Dinge hinzufügen, z Es wird gesagt, dass hier Funktionen wie das Entfernen von Unterstreichungen und das Ändern von Farben implementiert werden können Farben, Vergrößern und andere Funktionen;

  • a: Dies ist der Maus-Hover-Stil. Nachfolgend erfahren Sie, wie Sie die Farbe so einstellen können, dass sie sich ändert, wenn die Maus an der Position geparkt ist des Hyperlinks;

  • a: Dies wird 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;}  /* 鼠标点击时 */
    Nach dem Login kopieren
  • Beispiel:
Verwandte Empfehlungen:

CSS-Tutorial

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

Verwandte Etiketten:
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