Чтобы задать градиентный фон на HTML-странице, можно использовать CSS свойство background-image
с функцией linear-gradient()
.
Вот пример CSS-кода, который создает градиентный фон от верхней краины блока к нижней:
.gradient-background {
background-image: linear-gradient(to bottom, #b3d9ff, #6699ff);
}
Здесь мы задали класс .gradient-background
элементу, для которого нужно задать градиентный фон. Мы также использовали функцию linear-gradient()
, указав в качестве параметров направление градиента (to bottom
) и два цвета, которые создадут градиент (#b3d9ff
и #6699ff
).
Можно использовать различные значения и цвета для создания градиентного фона. Например, можно задать градиент от левого края блока к правому, используя функцию linear-gradient(to right, ...)
.
Если нужно использовать более сложные варианты градиента, в функции linear-gradient()
можно указать дополнительные параметры, такие как проценты и цвета на определенных точках градиента.