Как сделать фон сайта картинкой css

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

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

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

В этом примере, body — это селектор элемента body, который описывает всю страницу. Свойство background-image указывает путь к изображению, которое будет использовано как фон. Свойство background-repeat определяет, должно ли изображение повторяться, если оно меньше, чем размер фона. В этом случае мы устанавливаем значение no-repeat, чтобы изображение не повторялось. Наконец, свойство background-size определяет, как изображение должно заполнять фон. Мы используем значение cover, чтобы растянуть изображение на весь фон без искажения пропорций.

Также можно использовать абсолютный путь к изображению:

body {
  background-image: url('/img/bg-image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

В этом примере, мы используем абсолютный путь /img/bg-image.jpg, чтобы установить фоновое изображение из папки img на сайте.

Если вы хотите установить картинку как фон для определенного элемента, то используйте свойство background-image для этого элемента, например:

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

Этот CSS-код задаст картинку bg-image.jpg как фон заголовка (<header>) с аналогичными свойствами, что и выше для всей страницы.