Чтобы изменить размер фона веб-страницы с помощью CSS, вы можете использовать различные методы. Вот несколько методов, которые вы можете использовать:

Метод 1: использование свойства background-size

body {
  background-image: url('your-background-image.jpg');
  background-size: cover;
}

Этот метод изменяет размер фонового изображения, чтобы покрыть всю область фона, сохраняя при этом его соотношение сторон.

Метод 2: использование свойства фонового повтора

body {
  background-image: url('your-background-image.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
}

Этот метод предотвращает повторение фонового изображения и изменяет его размер в соответствии с шириной фоновой области, сохраняя при этом исходную высоту.

Метод 3: использование свойства background-position

body {
  background-image: url('your-background-image.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

Этот метод центрирует фоновое изображение по горизонтали и вертикали внутри фоновой области и изменяет его размер в соответствии с высотой фоновой области, сохраняя при этом исходную ширину.

Метод 4. Использование свойства background-size с определенными размерами

body {
  background-image: url('your-background-image.jpg');
  background-size: 800px 600px;
}

Этот метод устанавливает определенные размеры (ширину и высоту) фонового изображения и соответствующим образом изменяет его размер.