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