1

Пытаюсь создать hover эффект на странице.Суть такова - при наведении курсора на ссылку,фон позади нее должен стать черным с внутренними отступами в 10 пикселей с каждой стороны.Все работает,но при наведении курсора на ссылку,между ней и другими ссылками создается отступ.Как сделать так,чтобы не создавалось отступа между ссылками,когда наводишь на них курсор? введите сюда описание изображения

введите сюда описание изображения

введите сюда описание изображения

1
  • Или сделать padding изначально с прозрачным фоном или подкладывать цветную подложку из псевдоэлемента с абсолютным позиционированием. Выложите код нормально, как код
    – Talleyran
    31 авг 2020 в 17:38

1 ответ 1

2

Задайте отступы изначально, при hover меняйте только фон

body {
  display: flex;
  justify-content: center;
}
a {
  padding: 10px;
  text-decoration: none;
}
a:hover {
  background: black;
}
<nav>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</nav>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.