Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest

藏色散人
Freigeben: 2023-01-04 09:37:54
Original
3094 Leute haben es durchsucht

So legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest: Erstellen Sie zunächst eine HTML-Beispieldatei. Fügen Sie dann dem Hyperlink das CSS-Stilattribut als „a:link {color:#FF0000;}a:visited {color:#00FF00;}“ hinzu. " um die Hintergrundfarbe festzulegen.

So legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest

Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5- und CSS3-Version, Dell G3-Computer.

Empfohlen: „CSS-Video-Tutorial

Es gibt viele CSS-Eigenschaften, mit denen Link-Stile festgelegt werden können (z. B. Farbe, Schriftfamilie, Hintergrund usw.). Das Besondere an Links ist die Möglichkeit, sie je nach Status zu formatieren.

Es gibt 4 eindeutige Attribute des a-Tags in CSS:

1.a:link (Nach dem Hinzufügen des Stils bedeutet dies: der Stil, wenn ein bestimmter Hyperlink nicht besucht wird)

2.a:visited (Nach dem Hinzufügen der Stil bedeutet: wenn er besucht wird) Aktualisieren Sie den Hyperlink-Stil der Benutzeroberfläche nach dem Zugriff)

3.a:hover (Nach dem Hinzufügen des Stils bedeutet dies: der Stil des Hyperlinks, wenn die Maus darüber schwebt)

4.a :aktiv (Nach dem Hinzufügen des Stils bedeutet dies: Wenn die Maus auf den Stil klickt, wird sofort ein Hyperlink-Stil angezeigt.)

Wir können diese 4 Attribute verwenden, um die Hintergrundfarbe des Hyperlinks festzulegen. Es ist zu beachten, dass diese vier Ausdrücke bei der Beschreibung möglicherweise nicht vollständig geschrieben werden, die Reihenfolge jedoch nicht umgekehrt werden darf.

CSS-Stil ist wie folgt:

<style>
a:link {color:#FF0000;}/* 未被访问的链接 */
a:visited {color:#00FF00;}/* 已被访问的链接 */
a:hover {color:#FF00FF;}/* 鼠标指针移动到链接上 */
a:active {color:#0000FF;}/* 正在被点击的链接 */
</style>
Nach dem Login kopieren

HTML-Code ist wie folgt:

php Chinesische Website

Das obige ist der detaillierte Inhalt vonSo legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest. 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