Цветное подчеркивание

Статус
В этой теме нельзя размещать новые ответы.

rafic

Местный житель
Регистрация
14 Май 2008
Сообщения
477
Реакции
24
Люди а реально ли сделать парамутру
Код:
text-decoration: underline;
цвет?? что бы ссылка одного цвета, а подчеркивание другого. Или как это можно сделать другими способами хтмл кода?
 
text-underline-color :)
*** скрытое содержание ***
а то что это css3 не смущает? Он ничем щас толком и не поддерживается
text-underline-color :)
*** скрытое содержание ***
или так
A:hover {border-bottom: 1px solid #FF0019;}
тоже не кроссбраузерное решение, везде по разному будет отображаться.
Я такое решение предлагаю, заключить в спан текст ссылки
HTML:
<a href="#" class="test"><span>text</span></a>
a.test {
color:#ff000; // цвет подчеркивания
}
a.test span {
color:#000; // цвет текста
}

Добавлено через 25 секунд
ЗЫ и кроссбраузерно и валидно
 
Я все таки решил убрать такой елемент дизайна:)) и сделал простое подчеркивание:))
 
Совершенно верно, меньше проблем и хлопот, а смотрится лучше без лишних элементов, стьль нужен, а не куча эффектов.
 
Вот вам мой метод - можно задать не только цвет, но и длину, ширину и стиль )

HTML:
<div style="border-bottom: 1px solid #FF00FF; width:25px;">
    <a href="" style="text-decoration:none">text</a>
</div>

;)
 
В моем примере подчеркивание при наведении... а к диву :hover применять не желательно... ибо это свойство тэга ссылки:)
Да и в твоем примере если слово больше блока оно может искажатся...
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху