Чтобы добавить фон через CSS, нужно использовать свойство «background» или его отдельные свойства, такие как «background-color», «background-image», «background-size», «background-repeat» и другие. Например, чтобы добавить картинку в качестве фона, нужно использовать свойство «background-image» и указать значение в виде URL-адреса изображения:
body {
background-image: url("image.jpg");
}
Чтобы установить сплошной цвет в качестве фона, нужно использовать свойство «background-color»:
body {
background-color: #f2f2f2;
}
Для установки повторяемого фона используется свойство «background-repeat»:
body {
background-image: url("pattern.jpg");
background-repeat: repeat;
}
Чтобы задать размер изображения фона, можно использовать свойство «background-size»:
body {
background-image: url("image.jpg");
background-size: cover;
}
Свойство «cover» растянет изображение, чтобы оно покрыло всю площадь родительского элемента без искажения пропорций.
Также, можно комбинировать все эти свойства в одной инструкции «background»:
body {
background: #f2f2f2 url("image.jpg") no-repeat center center fixed;
}
В этом случае мы устанавливаем сплошной цвет фона, добавляем картинку в качестве фона, запрещаем ее повторяться, выравниваем по центру и фиксируем позицию фона.
