Link con effetto sottolineato Stampa


cssAttraverso i CSS possiamo ottenere un effetto sottolineato al passaggio del mouse sopra i link, più precisamente attraverso la proprietà text-decoration. Vediamo come fare:

/*eliminiamo la sottolineatura nello stato link del tag a*/
a { text-decoration: none }
/*inseriamola invece nello stato hover*/
a:hover { text-decoration: underline }

Questo è il risultato del codice sopra:
Link Tecnopillole

Se invece vogliamo avere lo stesso effetto inserendo lo stile direttamente nel tag, questo è il codice da usare:

<a style="link text-decoration: none; hover text-decoration:underline;" href="http://www.tecnopillole.com">Link Tecnopillole</a>

Link utili:



Nessun commento.

Scrivi un commento: