@bessard

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

Здравствуйте!
Нужна помощь в стилизации активных ссылок - в наличии горизонтальная линия на всю ширину макета которую выполнил через .
Нужно что бы при наведении на ссылку активная область была также продублирована на этой линии.5fcf8e5fed777720371334.png

прикрепил ТЗ.

Я так понимаю что нужно делать через hover?
Спасибо за помощь!
  • Вопрос задан
  • 105 просмотров
Решения вопроса 1
Simply1993
@Simply1993
Frontend developer
Один из вариантов - добавить padding-bottom и подчеркивание сделать через border-bottom (вместо underline)

a {
   padding: 10px;
   border-bottom: 1px solid transparent;
   text-decoration: none;
}

a:hover {
   border-bottom: 1px solid #fff;
   text-decoration: none;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@bessard Автор вопроса
я сплошную линию сделал через тег hr
это не повлияет на стилизацию?
Ответ написан
Ваш ответ на вопрос

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

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