Tots els navegadors web tenen colors predeterminats que utilitzen per als enllaços si el dissenyador web no els estableix. Ells son:
- El color de l'enllaç per defecte.
- El color de l'enllaç actiu (quan es fa clic al ratolí i es manté sobre l'enllaç).
- El color de l'enllaç seguit (quan es va fer clic a l'enllaç anteriorment).
A més, si bé la majoria dels navegadors web no canvien això de manera predeterminada, també podeu definir el color del passatge: el color que l'enllaç té quan es manté un ratolí sobre ell.
Utilitzeu CSS per canviar els colors de l'enllaç
Per canviar aquests colors, utilitza CSS (hi ha alguns atributs HTML obsolets que podeu utilitzar també, però no recomano utilitzar res obsolet). La forma més senzilla de canviar el color de l'enllaç és l'estil de l'etiqueta :
un {color: negre; }Amb aquest CSS, alguns navegadors canviaran tots els aspectes de l'enllaç (actiu, seguit i desplaçat) al negre, mentre que altres canviaran el color predeterminat.
Utilitzeu Pseudo-classes CSS per canviar totes les parts d'un enllaç
Una pseudoclasa està representada en CSS amb dos punts (:) abans del nom de la classe . Hi ha quatre pseudo-classes que afecten els enllaços:
Per canviar el color de l'enllaç predeterminat:
a: link {color: red; }Per canviar el color actiu:
a: actiu {color: blau; }Per canviar el color de l'enllaç següent:
a: visitada (color: violeta; }Per canviar el ratolí sobre el color:
a: hover {color: green; }