Чтобы изменить размер фона (background) в CSS, можно использовать свойства background-size или width и height.
Свойство background-size позволяет установить размер изображения фона (background-image) в пикселях (px), процентах (%) или ключевых словах (cover, contain). Например:
background-size: 100px 50px; /* установит размер фона 100x50 пикселей */
background-size: 50% 100%; /* установит размер фона на 50% ширины и 100% высоты контейнера */
background-size: cover; /* масштабирует изображение таким образом, чтобы оно полностью заполняло фон */
background-size: contain; /* масштабирует изображение таким образом, чтобы оно целиком поместилось внутри фона */
Свойства width и height позволяют установить размер контейнера, на который накладывается фон, а затем масштабировать фон в соответствии с размером контейнера. Например:
width: 500px;
height: 300px;
background-size: cover;
Также можно использовать сочетание свойств background-size и background-position для точной настройки масштаба и позиции фонового изображения. Например:
background-size: 50% auto;
background-position: top right;
В этом примере мы устанавливаем размер фона на 50% от ширины контейнера и автоматический размер по высоте, а также позиционируем его в правом верхнем углу.
