Programmazione Web » Css » Realizzare link senza la sottolineatura

Realizzare link senza la sottolineatura

Difficoltà: Apprendista Scritto da Alessandro Alessandrini
Sito Web: http://www.sitoservice.it E-Mail
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>

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google