Как добавить background image в CSS

Для добавления фонового изображения в CSS используется свойство background-image. Например:

body {
  background-image: url("image.jpg");
}

В этом примере мы устанавливаем фоновое изображение для тела документа. В качестве значения свойства background-image мы указываем путь к изображению. Путь может быть относительным или абсолютным.

Также можно использовать другие свойства для настройки фонового изображения, например:

body {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

Здесь мы устанавливаем, что изображение не должно повторяться (background-repeat: no-repeat), оно должно занимать всю доступную площадь (background-size: cover) и быть выровнено по центру (background-position: center).

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

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

Закажите услугу Как добавить background image в CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали