Как растянуть изображение 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>

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