Подчёркивание ссылки
Ситуация следующая: я с помощью cufon подключил шрифт к сайту, и применил его к ссылкам меню. Но у cufon есть недостаток, он не поддерживает свойство подчёркивания у css, как мне средствами java обойти эту проблему
|
CSS:
a{
border-bottom:1px solid blue}
|
При обычном подчёркивании ссылки (text-decoration: underline) - линия подчёркивания проходит ближе к тексту и пересекает, например символ "р". При реализации подчёркивания через border-bottom - линия находится ниже всех симвлов. Как её можно подвинуть выше, чтобы смотрелось, как-будто установлен text-decoration?
|
<div style="display: inline-block"> тра-тра-тра <div style="border: solid 1px green; margin-top: -4px;"></div> </div> |
<style type="text/css">
a{
display:inline-block;
border-bottom: solid 0.1em; /*если цвет не указан он равен цвету текста.*/
line-height:0.9em;
text-decoration:none; /*убрать обычное подчёркивание(для обычного шрифта)*/
}
a:hover{
color: red;
}
</style>
Текст текст <a href="#">ссылка с буквой рррррр</a> текст текст.
|
| Часовой пояс GMT +3, время: 22:37. |