Цвет подчеркивания ссылки.

[Sedacove]

В общем, как задать цвет подчеркивания для ссылки? Ссылки — пункты меню, которое выполнено, как горизонтальный список. Свойство задать нужно ТОЛЬКО(!) для 2 и 3 пункта меню (Каталог, Контакты)

Html:

<ul>

<li><a href="#" id="current">О компании</a></li>

<li><a href="#">Каталог</a></li>

<li><a href="#" style="width: 115px;">Контакты</a></li>

</ul>

CSS:

ul li a {

display:block;

float:left;

color: #666666;

width: 130px;

text-align:center;

padding:12px 32px 12px 32px;

height:25px;

font-family: ArialBold;

font-size: 16pt;

background-color: black;

}

ul li a:hover {

color:white;

}

ul li a#current {

text-align: center;

background-color:#dc261c;

width: 129px;

height: 24px;

Color: white;

text-decoration: none;

font-size: 14pt;

}

[dostel1]

если тебе нужно цвет именно подчеркнутой линии то можно делать так

<li><a href="#">

<span>Каталог</span>

</a></li>

A{color:red;} /*цвет подчеркивания*/

span{color:blue;}/*цвет текста*/

[zSpx]

ul li a{color: RED; text-decoration:underline;}
ul li:first-child a{color: #000}

если цвет текста не трогать, то

ul li a{color: #000; border-bottom: 1px solid RED;}
ul li:first-child a{color: #000}[/quote]

[Sedacove]

О, спасибо, со спаном все получилось!