Heim > Web-Frontend > Front-End-Fragen und Antworten > So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

藏色散人
Freigeben: 2023-01-05 16:12:26
Original
17355 Leute haben es durchsucht

So ändern Sie die Schriftfarbe des HTML-Hyperlinks: Erstellen Sie zunächst eine neue HTML-Datei. Geben Sie dann den Text des a-Tags auf 40 Pixel ein und legen Sie dann die Textstärke des Link-Pseudoelements des a-Tags fest und setzen Sie die Unterstreichung; schließlich setzen Sie den Klick. Das aktivierte Pseudoelement kann eine andere Farbe haben.

So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

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

Das Festlegen der Farbe und der Farbe nach dem Klicken kann nur über den Link und aktive Pseudoklassen des Etiketts erreicht werden.

Die spezifische Methode besteht darin, zuerst eine neue HTML-Datei zu erstellen, hier zwei A-Tags zu schreiben, eines zur Demonstration:

So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

Dann legen Sie den Stil fest, geben Sie hier dem Text des A-Tags eine Größe von 40 Pixel und legen Sie die Textdicke fest .

Dann legen Sie die Farbe des Link-Pseudoelements des a-Tags fest und legen Sie die Unterstreichung fest, legen Sie das angeklickte Pseudoelement, das agiert hat, auf eine andere Farbe fest und deaktivieren Sie die Unterstreichung. Nachdem die obigen Einstellungen abgeschlossen sind, schauen wir uns den Effekt an:

So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

Öffnen Sie den Browser und klicken Sie auf den Link der Demogruppe. Die Farbe wird blau, aber die Kontrollgruppe bleibt unverändert.

Oben erfahren Sie, wie Sie die Schriftfarbe von Hyperlinks und die Schriftfarbe nach dem Klicken festlegen:

So ändern Sie die Schriftfarbe eines HTML-Hyperlinks

Für detailliertere HTML-/CSS-Kenntnisse besuchen Sie bitte die Spalte HTML-Video-Tutorial!

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Schriftfarbe eines HTML-Hyperlinks. 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