Sottolineatura tratteggiata sui link al passaggio del mouse con i Css

Autore: Luca Ruggiero | Tell a Friend Corso HTML Impara il linguaggio di marcatura per il Web. Corso CSS Web Design ed Accessibilità secondo il W3C! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Sfortunatamente i Css non dispongono nativamente di un sistema di sottolineatura tratteggiata sui link, ma è possibile arrivare ad un effetto del genere con un minimo di astuzia e con l'utilizzo del box-model!

Si consideri un semplice link

<a href="http://www.lukeonweb.net">Luca Ruggiero</a>

a
{
    color: #000080;
    text-decoration: Underline;
    border-bottom: None;
}
a:hover
{
    color: #000080;
    text-decoration: None;
    border-bottom: Dashed 1px #000080;
}