Нет комментариев

теги: css, html

Продвижение на авито под ключ. Получите клиентов в первую неделю. Создадим до 50тыс похожих объявлений!

от 29500 ₽

Подходит для небольших стартапов и тех, кто еще не рекламировал свой бизнес в интернете. Разработка сайта (до 5 страниц) + Яндекс Директ / ВК реклама.

от 69000 ₽

Услуги SEO копирайтера под ключ. Пишем качественные тексты.

от 950 ₽

Как растянуть background css на всю ширину

Для того, чтобы растянуть фоновое изображение (background) на всю ширину веб-страницы в CSS, можно использовать свойство background-size.

Значение cover для этого свойства растянет изображение до полного заполнения блока веб-страницы, сохраняя пропорции:

body {
  background-image: url('my-image.jpg');
  background-size: cover;
}

Если вы хотите, чтобы изображение заполняло весь блок, без сохранения пропорций, можно использовать значение 100% 100%:

body {
  background-image: url('my-image.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

Убедитесь, что изображение достаточно большое для сохранения качества при растягивании, иначе оно может стать размытым и нечитаемым.