GreyCrew
@GreyCrew
Full-stack developer

Как увеличить растояние подчеркивания у ссылок, которые состоят из нескольких строк?

Суть придельно ясна, дизайнер требует увеличить интеравл у подчеркивания ссылки, которое появляется при наведении. Если кто подскажет, то буду рад, или объяснит, почему так сделать нельзя.

К примеру
<a href="" > li<br>nk</a>
  • Вопрос задан
  • 1674 просмотра
Решения вопроса 1
trushka
@trushka
можно с помощью linear-gradient. Только в ссылку span вложить пийдётся, чтоб растянуть по высоте строку, не увеличивая шрифт. Line-height только расстояние между строками увеличивает..
https://jsfiddle.net/thu0wxba/
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@oiu
верстальщик интересуюсь програмированием
Не подходит ?
1)text-decoration: none; /* Убираем подчеркивание у ссылок */
2)border-bottom ? /* Создаем подчеркивание у ссылок но теперь можно регулировать растяние с помощью высоты блока*/ если указан псевдоклас (hover: )конечно.
Ответ написан
semenovstyle
@semenovstyle
html
<a href="#">li<hr></a><br>
<a href="#">nk<hr></a>
css
a{
text-decoration:none;
}
.hr{
padding-top:5px;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы