logo

Hvordan endre lenkefarge i CSS?

Lenker brukes til å koble en side til andre nettsider. Linker med det samme farge da resten av teksten er vanskelig å legge merke til. Color-egenskapen til CSS brukes til å endre fargen på lenkene.

Ved å bruke CSS kan vi style lenkene på forskjellige måter. Vi kan angi noen tilstander for hyperkoblingen som er som følger:

a:aktiv Den brukes til å legge til stil til et aktivt element.
a:hover Den legger til spesialeffekter til et element når brukeren beveger musepekeren over elementet.
en kobling Det gir stil til den ubesøkte lenken.
a:besøkt Det gir stil til en besøkt lenke.

Det skal bemerkes at i CSS-definisjonen, a:hover må komme etter en kobling og a:besøkt og også a:aktiv må komme etter a:hover for å være effektiv.

Rekkefølgen for å erklære hyperkoblingstilstandene er gitt som følger:

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

For å endre lenkefargen må vi bruke farge eiendom til CSS. Navnet på fargen kan gis i et hvilket som helst gyldig format, for eksempel fargenavnet, rgb()-verdien eller HEX-verdien.

La oss nå se hvordan du setter fargen på lenker ved å bruke noen eksempler.

Eksempel

Som standard er fargen på de vanlige eller ubesøkte koblingene blå. I dette eksemplet endrer vi standard lenkefarge ved å bruke farge eiendom.

 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Test det nå

Produksjon

Når programmet kjøres, får vi følgende skjermbilde.

Hvordan endre lenkefarge i CSS

Ved sveving vil lenken se slik ut:

gjør shell script kjørbart
Hvordan endre lenkefarge i CSS

Når lenken er i aktiv tilstand, er fargen på lenken rød, som vist nedenfor.

Hvordan endre lenkefarge i CSS