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.
Beim Bewegen des Mauszeigers sieht der Link wie folgt aus:
Wenn sich der Link im aktiven Zustand befindet, ist die Farbe des Links rot, wie unten gezeigt.