Come posso eliminare la sottolineatura?

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:

• L’arte del testo perfetto: come utilizzare i CSS per formattare il testo di una pagina web
• Stabilire le dimensioni dei font in un CSS: vantaggi, problemi e soluzioni
• I font e la tipografia del testo