Поддержим ваш первый шаг:
-10% на профессии и специальные условия до 19 мая

Как сделать расстояние между картинками 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
Бесплатно
Основы HTML и CSS
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»