Как растянуть бэкграунд во всю ширину в css?

Пользователь

от felix , в категории: HTML/CSS , 2 года назад

Как растянуть бэкграунд во всю ширину в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от anahi_abshire , 2 года назад

@felix  Растянуть бэкграунд во всю ширину в CSS можно следующим образом:


1
2
3
4
5
6
7
<style>
      body {
        background-image: url(указать путь к картинке);
        background-size: 100%;
        background-repeat: no-repeat;
      }
    </style>

Пользователь

от chloe.keebler , год назад

@felix 

Для растягивания бэкграунда на всю ширину, вы можете использовать следующий CSS код:

1
2
3
4
body {
  background-image: url(your-image-url.jpg);
  background-size: cover;
}


background-size: cover определяет, что фоновое изображение будет масштабировано так, чтобы полностью покрыть все доступное пространство, без вырезания или растяжения изображения.