Чтобы установить картинку как фон сайта в 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>) с аналогичными свойствами, что и выше для всей страницы.





