logo

Come cambiare il colore del collegamento nei CSS?

I collegamenti vengono utilizzati per collegare una pagina ad altre pagine Web. Collegamenti con lo stesso colore poiché il resto del testo è difficile da notare. La proprietà color del CSS viene utilizzata per modificare il colore dei collegamenti.

Usando i CSS, possiamo modellare i collegamenti in diversi modi. Possiamo impostare alcuni stati del collegamento ipertestuale che sono i seguenti:

a:attivo Viene utilizzato per aggiungere stile a un elemento attivo.
a: passa il mouse Aggiunge effetti speciali a un elemento quando l'utente sposta il puntatore del mouse sull'elemento.
un collegamento Aggiunge stile al collegamento non visitato.
a:visitato Aggiunge stile a un collegamento visitato.

È da notare che nella definizione CSS, a: passa il mouse deve venire dopo un collegamento E a:visitato e anche a:attivo deve venire dopo il a: passa il mouse per essere efficace.

L'ordine di dichiarazione degli stati del collegamento ipertestuale è il seguente:

 a:link {color: lightblue;} a:visited {color: #060235} a:hover {color: #FCFC0C} a:active {color: #C0F0FC} 

Per cambiare il colore del collegamento, dobbiamo usare il file colore proprietà dei CSS. Il nome del colore può essere fornito in qualsiasi formato valido, come il nome del colore, il valore rgb() o il valore HEX.

tutto maiuscolo comanda Excel

Ora vediamo come impostare il colore dei collegamenti utilizzando alcuni esempi.

Esempio

Per impostazione predefinita, il colore dei collegamenti normali o non visitati è blu. In questo esempio, stiamo modificando il colore del collegamento predefinito utilizzando il file colore proprietà.

 a{ color: brown; } <p> The text <b>javaTpoint.com</b> in the above line is the hyperlink. </p> 
Provalo adesso

Produzione

Quando il programma verrà eseguito, otterremo la seguente schermata.

Come cambiare il colore del collegamento nei CSS

Passando il mouse, il collegamento apparirà come segue:

Come cambiare il colore del collegamento nei CSS

Quando il collegamento è nello stato attivo, il colore del collegamento è rosso, come mostrato di seguito.

Come cambiare il colore del collegamento nei CSS