Чтобы поставить задний фон в CSS, вам нужно использовать свойство background
, а точнее его параметр background-image
.
Например, чтобы поставить картинку в качестве заднего фона, вам нужно указать URL этой картинки. Вот пример:
body {
/* Устанавливаем картинку "bg.jpg" в качестве заднего фона */
background-image: url('bg.jpg');
}
Если вы хотите установить цвет в качестве заднего фона, вам нужно использовать свойство background-color
. Например:
body {
/* Устанавливаем цвет #f0f0f0 в качестве заднего фона */
background-color: #f0f0f0;
}
Также вы можете использовать различные дополнительные параметры, такие как background-repeat
, background-position
, background-size
и т.д., чтобы управлять повторением, расположением и размером заднего фона. Вот пример:
body {
/* Устанавливаем картинку "bg.jpg" в качестве заднего фона, которая не повторяется и будет расположена по центру */
background-image: url('bg.jpg');
background-repeat: no-repeat;
background-position: center;
}
Кроме того, вы также можете задать градиент как фон, используя свойство background-image
. Для этого вам нужно использовать функцию linear-gradient()
или radial-gradient()
, которые позволяют создавать градиенты с линейным или радиальным переходом. Вот пример:
body {
/* Устанавливаем линейный градиент как фон */
background-image: linear-gradient(to bottom, #ffffff, #f0f0f0);
}
Этот пример создает градиент, идущий от белого к светло-серому (от верхней части до нижней).