Задать вопрос
@kapko
учусь)
css

Как сделать чтобы при наведении на ссылку с ховером border-top:4px solid white; не прыгала надпись?

Добрый день, подскажите пожалуйста как можно сделать так, чтобы при ховере с бордером(border-top:4px solid black) на ссылку не прыгала надпись, то есть чтобы оно не отодвигалась вниз?
  • Вопрос задан
  • 4674 просмотра
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 1
ksider
@ksider
Я сварщик не настоящий
Элементу без ховера добавить
a {border-top:4px solid transparent; }
или цвет фона
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
BuriK666
@BuriK666
Компьютерный псих 
a:hover {
  border-top:4px solid black;
  margin-top: -4px;
}
Ответ написан
Комментировать
Комментировать
@kapko Автор вопроса
учусь)
спасибо
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Frontend React
Glob-com
от 100 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать дизайн лендинга
25 апр. 2024, в 09:29
2500 руб./за проект
Сделать красивый лендинг в Тильде
25 апр. 2024, в 09:27
4000 руб./за проект
Создание видео. Моушен дизайн
25 апр. 2024, в 09:20
10000 руб./за проект
Ещё заказы