Как сделать фон через css

Чтобы задать фон через CSS, можно использовать свойство «background».

Пример задания фона цветом:

body {
  background-color: blue;
}

Здесь мы задаем цвет фона всего документа на странице в синий цвет.

Пример задания фонового изображения:

body {
  background-image: url("image.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

Здесь мы устанавливаем фоновое изображение с помощью свойства «background-image», задаем свойство «background-repeat: no-repeat», чтобы изображение не повторялось, и свойство «background-size: cover», чтобы изображение заполняло всю область заданного элемента, без избыточных отступов или перекосов.

Можно также задать сочетание цвета и изображения. Пример:

body {
  background-image: url("image.jpg"), linear-gradient(to bottom, blue, green);
  background-repeat: no-repeat, repeat;
  background-size: cover;
}

Здесь мы задаем фоновое изображение и линейный градиент. Для каждого задаем свойства повторения и размера изображений.