Links bruges til at forbinde en side med andre websider. Links med samme farve da resten af teksten er svær at lægge mærke til. CSS'ens farveegenskab bruges til at ændre farven på linkene.
Ved hjælp af CSS kan vi style linkene på forskellige måder. Vi kan indstille nogle tilstande for hyperlinket, der er som følger:
| a:aktiv | Det bruges til at tilføje stil til et aktivt element. |
| a:hover | Det tilføjer specielle effekter til et element, når brugeren flytter musemarkøren hen over elementet. |
| et link | Det tilføjer stil til det ubesøgte link. |
| a:besøgt | Det tilføjer stil til et besøgt link. |
Det skal bemærkes, at i CSS-definitionen, a:hover skal komme efter et link og a:besøgt og også a:aktiv skal komme efter a:hover for at være effektiv.
Rækkefølgen for at erklære hyperlinkets tilstande er givet som følger:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} For at ændre linkfarven skal vi bruge farve ejendom af CSS. Navnet på farven kan angives i et hvilket som helst gyldigt format, såsom farvenavnet, rgb()-værdien eller HEX-værdien.
Lad os nu se, hvordan du indstiller farven på links ved hjælp af nogle eksempler.
Eksempel
Som standard er farven på de normale eller ubesøgte links blå. I dette eksempel ændrer vi standardlinkfarven ved at bruge farve ejendom.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> Test det nu Produktion
Når programmet bliver udført, får vi følgende skærmbillede.
Når du svæver, vil linket se sådan ud:
gør shell-script eksekverbart
Når linket er i aktiv tilstand, er farven på linket rød, som vist nedenfor.
