CSS: stilare i link
di eugyPer stilare i link va tenuto conto che questi possono essere in vari stati:
- link “normale” (non ancora visitato)
- link attivo (nel momento del click)
- link visitato
- link su cui si trova il mouse
Per indicarli si usano i selettori:
a:link
a:active
a:visited
a:hover
A ciascuno di questi selettori, e ovviamente al selettore globale a, possono essere applicati degli stili CSS. In particolare, normalmente si modificherà il colore del testo, la sua sottolineatura e il bordo in caso di immagini. Ad esempio:
a {
color: green;
text-decoration: none;
}
a img {
border: 0px;
}
Se si vuole avere un effetto rollover, si possono impostare stili diversi per il selettore :hover, ad esempio:
a {
color: green;
}a:hover {
color: red;
}
In questo modo, passando sopra al testo del link, il suo colore cambierà da verde a rosso.
Lascia una risposta
Dovete essere loggati per inviare un commento.
