Чтобы растянуть картинку на весь блок в CSS, можно использовать свойство background-size с значением cover. Если вы хотите использовать это свойство для элемента <img>, следует присвоить ему значение width: 100%; height: 100%; в CSS файле.
- С помощью CSS background:
.block {
background-image: url('image.png');
background-size: cover;
}
В этом примере мы задали фоновое изображение для блока с использованием свойства background-image и растянули его по размерам блока с помощью свойства background-size: cover.
- С помощью CSS IMG:
img {
display: block;
width: 100%;
height: auto;
}
В этом примере мы используем свойства width: 100% и height: auto, чтобы растянуть картинку по ширине родительского блока.
Эти два примера покажут вам, как можно растянуть изображение на всю ширину или высоту блока в CSS.
