Tots els navegadors web utilitzen colors predeterminats 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, utilitzeu una fulla d'estil en cascada. 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. Quatre pseudo-classes 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:
Consideracions
Eviteu sobreescriure els colors de l'enllaç predeterminat per fer que els enllaços siguin més difícils de trobar. Per exemple, canviar un enllaç a un color molt clar contra un fons blanc afectarà negativament els visitants amb deficiències visuals. Mireu els colors separats per als colors actius i els vincles seguits, per garantir que els visitants del lloc no es confonguin sobre les pàgines que han visitat.
