Как растянуть background css

Чтобы растянуть background в CSS, нужно использовать свойство background-size. Вот пример, как это делается:

CSS:

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

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

Также есть другие значения для свойства background-size, например: contain (масштабирует изображение так, чтобы оно полностью поместилось в заданную область фона без потери пропорций) или значение в пикселях, например 100% 100%, чтобы растянуть изображение на весь фон.

реклама

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

реклама

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

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

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

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

Закажите услугу Как растянуть background css

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