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.
Ved sveving vil lenken se slik ut:
gjør shell script kjørbart
Når lenken er i aktiv tilstand, er fargen på lenken rød, som vist nedenfor.