css background image растянуть по ширине

  • Автор темы Lucania
  • 24
  • Обновлено
  • 05, May 2023
  • #1
Чтобы растянуть фоновое изображение на всю ширину элемента, нужно установить следующее свойство CSS: cssCopy code
 background-size: cover;
Это свойство растянет изображение по ширине элемента и сохранит его пропорции.

Если вы хотите растянуть изображение без сохранения пропорций, используйте свойство
 background-size: 100% 100%;
. Например, если вы хотите установить фоновое изображение на элемент
 div
, то в CSS нужно написать следующее: cssCopy code
 div {

background-image: url('my-image.jpg');

background-size: cover;
}
Поменяйте
 my-image.jpg
на имя вашего файла изображения.

Lucania


Рег
02 Feb, 2023

Тем
27158

Постов
27328

Баллов
298908
Тем
49554
Комментарии
57426
Опыт
552966

Интересно