Как сделать несколько фоновых изображений с помощью css?

@jorge 

Для создания нескольких фоновых изображений с помощью CSS можно использовать свойство background-image несколько раз, разделяя значения запятыми. Каждое значение представляет собой URL изображения.

Пример:

1
2
3
4
5
6

div {
  background-image: url(image1.jpg), url(image2.jpg), url(image3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

В данном примере div будет иметь несколько фоновых изображений: image1.jpg, image2.jpg и image3.jpg. Изображения будут растягиваться на весь размер фона (background-size: cover), располагаться по центру (background-position: center) и не повторяться (background-repeat: no-repeat).