CSS Как мне установить на теле без оберток три фоновых изображения

Question

Цель:

Мне нужно создать решение с индексом, содержащим три фоновых изображения. The first, который занимает весь экран, the second, который занимает левую половину экрана и the third, который занимает правую половину экрана.

Проблема:

все, к чему я пытаюсь Нигде.

Танки.

Answer 1

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

См. Пример ниже.

Подробнее о нескольких фонах:

https://www.w3schools.com/css/css3_backgrounds.asp

https://www.w3schools.com/cssref/pr_background-image.asp

body {
  background-image: 
    url('https://placehold.it/100x100/09f/fff'),
    url('https://placehold.it/200x200/0df/fff'), 
    url('https://placehold.it/1200x1200/000/fff');
  background-position: 
    center left, 
    center right,
    center center;
  background-size: 
    auto, 
    auto, 
    cover;
  background-repeat: 
    no-repeat, 
    no-repeat, 
    no-repeat;
  
  /* not related to this issue*/
  height: 100vh;
}