Agadoo - Gestrichelte Linie für einen Link verwenden

CSS: gestrichelte Linie für Link verwenden

Leute die schon öfters mit css gearbeitet haben kennen die Funktion den Unterstirch bei einem Link zu aktivieren oder zu deaktivieren.
Nun wollen wir hier aber, dass der Link nur eine gestrichelte Linie hat und bei überfahren eine durchgehende.

Dies können wireinfach mittels des Border-Tag lösen:

a {text-decoration: none; border-bottom:#CC3300 1px dashed;}
a:hover {text-decoration: none; border-bottom:#CC3300 1px solid;}

text-decoration: none wird benötigt, damit nicht der Standard für Links vom Browser ausgelöst wird.

Bitte auch nicht vergessen eine Farbe für den "Unterstrich" zu definieren (hier #CC3300)