Как растянуть картинку на весь экран CSS

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

body {
  background-image: url("path/to/image.jpg");
  background-size: cover;
  background-position: center;
}

Этот код устанавливает изображение в качестве фона всего документа (body), растягивая его на весь экран. Свойство background-size: cover указывает браузеру растянуть изображение так, чтобы оно полностью покрывало фон, а свойство background-position: center центрирует изображение по горизонтали и вертикали.

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

.my-block {
  background-image: url("path/to/image.jpg");
  background-size: cover;
  background-position: center;
}

Здесь .my-block — это селектор элемента, который нужно растянуть на весь экран.

реклама

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

реклама

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

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

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

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

Закажите услугу Как растянуть картинку на весь экран CSS

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