Link con CSS

I CSS applicati ai link permettono di gestire caratteristiche come colori, font e sottolineature.

Per gestire i link dobbiamo usare un codice di questo tipo:

A:link {text-decoration: underline}
A:visited {text-decoration: none; color: #FF000}
A:hover {color: #FF000}

Dove:

  • link: indica i link non ancora visitati
  • Visited: indica i link già visitati
  • hover: quando il mouse si trova sopra il link

 

Proprietà utili per cambiare l'aspetto dei link

gestione dei colori Gestione dei colori

color - cambia il colore dei link

A:link {color: #00FF00} crea un link verde

 

gestione del testo Gestione del testo

text - Permette di applicare vari effetti al testo. In particolare text-decoration permette di mostrare o nascondere le sottolineature.

text-decoration accetta i valori:

  • None: nessuna decorazione
  • Underline: sottolinea il testo
  • Overline: "sottolinea" in alto
  • Line-through: traccia una linea sul testo
  • Blink: testo lampeggiante
 Esempio:

A:link {text-decoration: underline}

font - Permette di gestire la famiglia dei caratteri, le dimensioni e lo stile del testo.

 

(Annunci Google)

 

 

Non forniamo nessuna garanzia di assenza di errori nei contenuti del sito.
Non si assume nessuna responsabilità per eventuali errori presenti nel sito, e per i contenuti dei siti linkati. - Privacy