Как сделать отступ картинок в css

Отступы (margins) для картинок можно задавать с помощью свойств CSS margin-top, margin-bottom, margin-left и margin-right.

Вот пример CSS-кода для создания отступов вокруг изображения:

img {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

Здесь мы задали стиль для всех изображений на странице, используя элемент img. Мы добавили свойство display: block, чтобы изображение было в отдельной строке и могло быть выровнено в центре страницы.

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

Вы можете изменять значения отступов, в зависимости от потребностей дизайна вашей страницы. Также вы можете добавлять или удалять свойства отступов в зависимости от того, как нужно расположить картинки на странице.