Programmazione Web » Css » Realizzare link senza la sottolineatura
Realizzare link senza la sottolineatura
Difficoltà:
Scritto da Alessandro Alessandrini
Sito Web: http://www.sitoservice.it ![]()
Questo tutorial è stato letto 1161 volte
Vediamo ora come realizzare link senza la classica sottolineatura che li caratterizza.
Anche se questo sistema non è molto indicato in quanto i link si confonderebbero con il testo normale, so che molti siti lo utilizzano, quindi è bene vedere come realizzarlo.
Per realizzare questo sistema abbiamo bisogno del supporto dei CSS o Fogli di Stile.
Aprendo la vostra pagina in modalità visione del codice Html, inserite prima del tag di chiusura </head> questo comando CSS:
<style
type="text/css">
a {text-decoration:none}
</style>
Attraverso questo comando, tutti i link presenti sulla vostra pagina verranno visualizzati senza la sottolineatura.
Se invece volete che la sottolineatura appaia quando il mouse si posiziona sul link, ecco cosa dovrete utilizzare:
<style
type="text/css">
a {text-decoration:none}
a:hover {text-decoration:underline}
</style>

