Как поставить изображение на фон CSS

Чтобы установить изображение на фон в CSS, нужно использовать свойство background-image. Оно указывает, какое изображение должно быть использовано в качестве фона элемента HTML.

Например, чтобы установить изображение «image.jpg» на фон элемента div, используйте следующий CSS-код:

div {
  background-image: url('image.jpg');
}

Этот код установит изображение «image.jpg» в качестве фона элемента div. Если изображение расположено в другой папке, то в пути к изображению нужно указать путь к файлу относительно корневой папки вашего веб-сайта.

Часто со свойством background-image используются другие свойства, такие как background-size, background-repeat, background-position, background-attachment, чтобы настроить отображение фона более точно. Например, чтобы установить фоновое изображение в полный размер элемента и не повторять его, используйте следующий код:

div {
  background-image: url('image.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

Дополнительные настройки могут быть применены в зависимости от потребностей вашего дизайна и кода.