logo

Wie ändere ich die Linkfarbe in CSS?

Links werden verwendet, um eine Seite mit anderen Webseiten zu verbinden. Links mit dem gleichen Farbe da der Rest des Textes schwer zu erkennen ist. Die Color-Eigenschaft des CSS wird zum Ändern der Farbe der Links verwendet.

Mithilfe von CSS können wir die Links auf unterschiedliche Weise formatieren. Wir können einige Zustände des Hyperlinks festlegen, die wie folgt lauten:

Programm in Java
a:aktiv Es wird verwendet, um einem aktiven Element Stil zu verleihen.
a:schweben Es fügt einem Element Spezialeffekte hinzu, wenn der Benutzer den Mauszeiger über das Element bewegt.
eine Verbindung Es verleiht dem nicht besuchten Link Stil.
a:besucht Es verleiht einem besuchten Link Stil.

Es ist zu beachten, dass in der CSS-Definition a:schweben muss danach kommen eine Verbindung Und a:besucht und auch a:aktiv muss nach dem kommen a:schweben um effektiv zu sein.

Die Reihenfolge der Deklaration der Hyperlink-Zustände ist wie folgt:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

Um die Linkfarbe zu ändern, müssen wir die verwenden Farbe Eigentum von CSS. Der Name der Farbe kann in jedem gültigen Format angegeben werden, z. B. als Farbname, rgb()-Wert oder HEX-Wert.

Sehen wir uns nun anhand einiger Beispiele an, wie man die Farbe von Links festlegt.

Beispiel

Standardmäßig ist die Farbe der normalen oder nicht besuchten Links blau. In diesem Beispiel ändern wir die Standard-Linkfarbe mithilfe von Farbe Eigentum.

 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Testen Sie es jetzt

Ausgabe

römische Zifferntabelle 1 100

Wenn das Programm ausgeführt wird, erhalten wir den folgenden Bildschirm.

So ändern Sie die Linkfarbe in CSS

Beim Bewegen des Mauszeigers sieht der Link wie folgt aus:

So ändern Sie die Linkfarbe in CSS

Wenn sich der Link im aktiven Zustand befindet, ist die Farbe des Links rot, wie unten gezeigt.

So ändern Sie die Linkfarbe in CSS