Alle Webbrowser verwenden Standardfarben für Links, wenn der Webdesigner sie nicht festlegt. Sie sind:
- Die Standard-Linkfarbe
- Die aktive Linkfarbe (wenn die Maus über dem Link geklickt und gehalten wird)
- Die folgende Link-Farbe (wenn zuvor auf den Link geklickt wurde)
Während die meisten Webbrowser dies standardmäßig nicht ändern, können Sie auch die Farbe des Schwebeflugbilds festlegen - die Farbe, die der Link hat, wenn eine Maus darüber gehalten wird.
Verwenden Sie CSS, um die Verbindungsfarben zu ändern
Verwenden Sie zum Ändern dieser Farben ein Cascading Style Sheet. Die einfachste Möglichkeit, die Link-Farbe zu ändern, besteht im Gestalten des Tags:
eine {Farbe: schwarz; }
Mit diesem CSS werden einige Browser alle Aspekte des Links (aktiv, gefolgt und schwebend) in Schwarz ändern, während andere nur die Standardfarbe ändern.
Verwenden Sie CSS-Pseudoklassen, um alle Teile eines Links zu ändern
Eine Pseudoklasse wird in CSS mit einem Doppelpunkt (:) vor dem Klassennamen dargestellt. Vier Pseudoklassen beeinflussen Links:
So ändern Sie die Standard-Linkfarbe:
a: link {color: red; }
So ändern Sie die aktive Farbe:
a: aktiv {Farbe: blau; }
So ändern Sie die folgende Linkfarbe:
a: besucht {color: purple; }
So ändern Sie die Farbe der Maus über:
Überlegungen
Vermeiden Sie das Überschreiben von Standard-Linkfarben, um das Auffinden von Links zu erschweren. Wenn Sie beispielsweise einen Link auf eine sehr helle Farbe vor einem weißen Hintergrund ändern, wirkt sich dies negativ auf sehbehinderte Besucher aus. Achten Sie auch auf separate Farben für aktive Farben und Follow-Link-Farben, um sicherzustellen, dass Website-Besucher nicht verwirrt werden, welche Seiten sie besucht haben.
