Di default i link HTML sono caratterizzati, negli stili di default dei browser, da un colore blu e della sottolineatura.
Con i fogli di stile CSS, tuttavia, gli svilupatori che non apprezzano il classico effetto sottolineato sui collegamenti ipertestuali, hanno la possibilità di eliminare del tutto la sottolineatura dai link attraverso la proprietà text-decoration fogli di stile.
Per eliminare la sottolineatura da un singolo link possiamo creare una classe o utilizzare l’attributo style in questo modo:
<a href="..." style="text-decoration: none">link</a>
Se invece si desidera togliere la sottolineatura ad ogni link della pagina sarà più efficente aggiungere la seguente istruzione nel foglio di stile:
a {
text-decoration: none;
}
Il codice qui sopra applica text-decoration: none
ad ogni occorrenza del tag <a>.
Conclusioni
Il consiglio è di usare con cautela le possibilità di rimuovere la sottolineatura ai link: è importante, infatti, che i collegamenti ipertestuali siano riconoscibili come tali pertanto, se si desidera eliminare la sottolineatura, è consigliabile avere cura di gestire bene il colore differenziandolo da quello di default del testo in modo che la mancanza della sottolineatura non comprometta l’usabilità della pagina.
Un buon compromesso potrebbe essere eliminare la sottolineatura dai link in elementi come menu e immagini e mantenerla all’interno di articoli e blocchi di testo.