text-decoration изменение стиля

[YaGub]

Для того чтобы сделать подчеркивание у ссылок при наведении в таблице стилей прописываем следующее:

A {

text-decoration: none;

}

A:hover {

text-decoration: underline;

}

А как сделать, чтобы линия, которой подчеркивается ссылка была определенного цвета(например красного, а не синего, как по умолчанию)?

[hoot]

Где-то здесь я уже это видел. посмтри в рецептах или на форуме. найти пока несмог, но что-то похожее видел.

[Evgeny]

a:hover{
 background-image: url(картинка_с_подч?ркиванием.gif);
 background-repeat: repeat-x;
}

[SkyLight]

Или без картинки:

a {color: red;}
a span {color: blue;}
...
<a href="#"><span>Пример ссылки</span></a>

[iRabbit]

a:hover{
 background-image: url(картинка_с_подч?ркиванием.gif);
 background-repeat: repeat-x;
}

Ну если подч?ркиваниепунктирное, то можно вс? проще сделать:

a {

text-decoration: none;

border-bottom: 1px dashed #000;

}

a:hover {

text-decoration: none;

border-bottom: 0;

}