Как задать два бэкграунда?

Для того чтобы задать два фона элементу веб-страницы с помощью CSS, можно использовать свойство background, которое позволяет указать несколько значений для задания нескольких фонов. Вот пример кода, демонстрирующий как это сделать:

.element {
    background: 
        url('первый_файл_фона.jpg') top left no-repeat,  /* первый фон */
        url('второй_файл_фона.jpg') bottom right no-repeat; /* второй фон */
}

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

Помимо изображений, вы также можете использовать другие типы фонов, такие как цвета или градиенты. Пример:

.element {
    background: 
        url('первый_файл_фона.jpg') top left no-repeat,  /* изображение первого фона */
        linear-gradient(to bottom, #ff0000, #00ff00); /* градиент второго фона */
}

Таким образом, задав несколько значений в свойстве background, можно легко создавать интересные и оригинальные дизайны для веб-страниц с помощью CSS.