Чтобы добавить фон на сайт в CSS, необходимо использовать свойство background. Это свойство позволяет установить фон любому элементу на веб-странице.
Вот примеры использования свойства background, чтобы установить фоновое изображение, цвет или градиент:
- Установить фоновое изображение:
body {
background-image: url("path/to/image.jpg");
background-size: cover; /* адаптировать размер изображения к размеру экрана */
background-repeat: no-repeat; /* запретить повторение изображения по горизонтали и вертикали */
background-position: center center; /* сместить изображение на центр страницы */
}- Установить однотонный цвет фона:
body {
background-color: #f1f1f1; /* добавить фоновый цвет в формате hex */
}- Установить градиентный фон:
body {
background: linear-gradient(to right, #ff6d00, #fe9900); /* добавить горизонтальный градиентный фон с помощью linear-gradient */
}В этом примере градиентный фон применяется к body. Свойство linear-gradient определяет начальный и конечный цвета градиента, а также направление градиента. В данном случае, градиент направлен горизонтально от левого края к правому краю.
Кроме того, свойство background позволяет установить другие параметры, такие как фоновую анимацию (например, с помощью animation или transition), фоновые изображения в виде паттернов и другие параметры.
