Как сделать расстояние между картинками css

Аватар пользователя Алексей Алешин
Алексей Алешин
10 апреля 2023

Чтобы создать расстояние между изображениями с помощью CSS, вы можете использовать свойство margin. Это свойство позволяет задавать отступы вокруг элемента.

Например, если у вас есть несколько изображений, которые должны быть выровнены в строку, но с небольшим расстоянием между ними, вы можете использовать следующий CSS-код:

img {
  margin-right: 10px;
}

Здесь мы устанавливаем отступ справа от каждого изображения в 10 пикселей с помощью свойства margin-right. Таким образом, каждое изображение будет иметь небольшое расстояние между собой.

Вы также можете использовать свойства margin-top, margin-bottom и margin-left, чтобы установить отступы сверху, снизу и слева от изображений соответственно. Чтобы задать одинаковый отступ вокруг всех сторон изображения, вы можете использовать свойство margin с единственным значением, например:

img {
  margin: 10px;
}

Этот код установит отступ в 10 пикселей для всех сторон каждого изображения.

1 0