Heim  >  Artikel  >  Web-Frontend  >  So legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest

So legen Sie die Hintergrundfarbe eines CSS-Hyperlinks fest

藏色散人
藏色散人Original
2020-12-24 09:28:123093Durchsuche

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>

HTML-Code ist wie folgt:

c60d0098e2af3bc4a416224b3165943fphp Chinesische Website5db79b134e9f6b82c0b36e0489ee08ed

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!

Stellungnahme:
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