Tutti i browser Web utilizzano i colori predefiniti per i collegamenti se il Web designer non li imposta. Loro sono:
- Il colore di collegamento predefinito
- Il colore del collegamento attivo (quando si fa clic sul mouse e si tiene premuto sul collegamento)
- Il colore del link seguito (quando il link è stato cliccato in precedenza)
Inoltre, mentre la maggior parte dei browser Web non lo modifica per impostazione predefinita, è anche possibile definire il colore del passaggio del mouse - il colore del collegamento quando viene tenuto sopra un mouse.
Usa CSS per cambiare i colori dei collegamenti
Per cambiare questi colori, utilizzare un foglio di stile CSS. Il modo più semplice per cambiare il colore del collegamento è quello di applicare lo stile al tag:
a {colore: nero; }
Con questo CSS, alcuni browser cambieranno tutti gli aspetti del collegamento (attivo, seguito e passante) in nero, mentre altri cambieranno solo il colore predefinito.
Utilizzare le pseudo-classi CSS per modificare tutte le parti di un collegamento
Una pseudo-classe è rappresentata in CSS con due punti (:) prima del nome della classe. Quattro pseudo-classi influiscono sui collegamenti:
Per cambiare il colore del collegamento predefinito:
a: link {color: red; }
Per cambiare il colore attivo:
a: attivo {colore: blu; }
Per cambiare il colore del link seguito:
a: visited {color: purple; }
Per cambiare il mouse sul colore:
considerazioni
Evita di sovrascrivere i colori di collegamento predefiniti per rendere i collegamenti più difficili da trovare. Ad esempio, la modifica di un collegamento a un colore molto chiaro su uno sfondo bianco inciderà negativamente sui visitatori ipovedenti. Cerca anche colori separati per i colori attivi e con link seguiti, per garantire che i visitatori del sito non si confondano su quali pagine hanno visitato.
