Как сделать градиент фон в html

Для создания градиента фона в HTML можно использовать CSS свойство background-image.

Пример:

<div style="background-image: linear-gradient(to bottom, #ffffff, #000000);">
  <!-- Контент элемента -->
</div>

В данном примере создается градиент от белого (#ffffff) к черному (#000000) по вертикали (to bottom).

Также можно использовать другие направления градиента, например, to right для горизонтального градиента.

Для создания радиального градиента можно использовать функцию radial-gradient().

Пример:

<div style="background-image: radial-gradient(circle, #ffffff, #000000);">
  <!-- Контент элемента -->
</div>

В данном примере создается радиальный градиент от белого (#ffffff) к черному (#000000) с центром в центре элемента (circle).

Также можно задавать несколько цветов для создания более сложных градиентов.

Пример:

<div
  style="background-image: linear-gradient(to bottom, #ffffff, #ff0000, #000000);"
>
  <!-- Контент элемента -->
</div>

В данном примере создается градиент от белого (#ffffff) к красному (#ff0000) к черному (#000000) по вертикали.