Eccoti un esempio di rollover testuale. Per prima cosa, prendiamo un semplice link:
Con i CSS decidiamo di impostarlo di colore rosso, non sottolineato, con bordo solido color nero di 1px e padding 0.5em:codice:XHTML Pizza
Ora vogliamo che al passaggio del mouse questo link abbia lo sfondo grigio chiaro; per farlo, useremo la pseudo-classe hover:codice:CSS a { color:#c00; text-decoration:none; border:1px solid #000; padding:0.5em; }
E il gioco è fatto.codice:CSS a:hover { background-color:#ccc; }

Rispondi quotando