Come posso eliminare la sottolineatura?

Utente HTML.it
chiede

Come posso eliminare la sottolineatura?

Redazione HTML.it
risponde

Per convenzione i link vengono rappresentati dai browser con un testo sottolineato e di colore blu.

Eliminare la sottolineatura con i CSS

Possiamo eliminare la sottolineatura utilizzando la proprietà: text-decoration impostata sul valore none. L’esempio successivo elimina la sottolineatura e rende i link in grassetto e cambia il colore al passaggio del mouse:

a 
{
	text-decoration: none; 
	font-weight: bold;
	color: #0000FF
}

a:hover
{
	color: #0080FF;
}

Spesso si usa evidenziare il link con la sottolineatura solo al passaggio del mouse:

a 
{
	text-decoration: none;
	color: #333;	
}

a:hover
{
	text-decoration: underline;
	color: #0080FF;
}

>> Guarda l’elenco completo delle opzioni per ‘text-decoration’

Link utili

Negli articoli che seguono troverete risposte a importanti questioni legate alla gestione del testo con i CSS e che esulano dall’impianto di una guida come questa. La lettura è pertanto fortemente consigliata: