Els enllaços s'utilitzen per connectar una pàgina amb altres pàgines web. Enllaços amb el mateix color ja que la resta del text és difícil de notar. La propietat color del CSS s'utilitza per canviar el color dels enllaços.
Utilitzant CSS , podem estilitzar els enllaços de diferents maneres. Podem establir alguns estats de l'hiperenllaç que són els següents:
a: actiu | S'utilitza per afegir estil a un element actiu. |
a: flotar | Afegeix efectes especials a un element quan l'usuari mou el punter del ratolí per sobre de l'element. |
a: enllaç | Afegeix estil a l'enllaç no visitat. |
a: visitat | Afegeix estil a un enllaç visitat. |
Cal assenyalar que en la definició CSS, a: flotar ha de venir després a: enllaç i a: visitat i també a: actiu ha de venir després del a: flotar per tal de ser efectiu.
L'ordre de declaració dels estats d'hiperenllaç es dóna de la següent manera:
a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC}
Per canviar el color de l'enllaç, hem d'utilitzar color propietat de CSS. El nom del color es pot donar en qualsevol format vàlid, com ara el nom del color, el valor rgb() o el valor HEX.
Ara, anem a veure com establir el color dels enllaços amb alguns exemples.
Exemple
Per defecte, el color dels enllaços normals o no visitats és blau. En aquest exemple, estem canviant el color de l'enllaç predeterminat mitjançant l' color propietat.
a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p>Prova-ho ara
Sortida
Quan el programa s'executa, ens apareix la següent pantalla.
En passar el cursor, l'enllaç tindrà el següent aspecte:
Quan l'enllaç està en estat actiu, el color de l'enllaç és vermell, tal com es mostra a continuació.