Как растянуть изображение html CSS

Чтобы растянуть изображение в HTML и CSS, можно использовать свойство background-size для фонового изображения или свойства width и height для тега <img>.

Например, чтобы растянуть фон на всю ширину и высоту элемента, можно написать следующий код:

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

А чтобы растянуть изображение в теге <img>, нужно задать ему ширину и высоту равные размерам контейнера:

1<div>
2  <img src="image.jpg" style="width:100%; height:auto;">
3</div>

Обратите внимание, что при этом может измениться пропорции самого изображения.

реклама

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

реклама

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

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

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

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

Закажите услугу Как растянуть изображение html CSS

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