Hai creato una pagina web con con un testo ma non sai come rimuovere la sottolineatura da un link?
Per convenzione, i link vengono sempre creati con un testo di colore azzurro o blu e con una linea sottolineata.
E se voglio rimuovere quella linea da uno dei miei link? Questo passaggio è più semplice di quanto pensi, basterà usare un po’ di codice.
Indice dei contenuti
Come rimuovere la sottolineatura a un link con il CSS.
Possiamo eliminare la linea sottolineata sotto il testo di un link utilizzando del semplice codice CSS con la proprietà text-decoration impostata sul valore none, come nel caso qui sotto:
<a href=”https://iltuosito.com” style=”text-decoration none”>iltuosito</a>
In questo modo, utilizzando appunto la proprietà CSS text-decoration: none il tuo link non avrà alcuna sottolineatura sotto il testo.
Come togliere la sottolineatura da tutti i link del sito?
Se invece desideri rimuovere la sottolineatura da tutti il link del tuo sito, ti basterà usare la proprietà elencata sopra in questo modo:
a {text-decoration: none; }
Così facendo avrai eliminato tutte le sottolineature da ogni link del tuo sito, sia quelli già presenti che quelli che creerai in futuro.
Ricorda che se utilizzi WordPress, ti basterà copiare e incollare questo codice andando nella sezione Aspetto > Personalizza > CSS Aggiuntivo e il gioco sarà fatto!