Как растянуть градиент на всю страницу css

Градиенты устанавливаются для свойства background-image, соответственно у родительского элемента должна быть задана высота. Рассмотрим для примера линейный градиент на всю страницу:

body {
  height: 100vh;
  /* Направление градиента по вертикали от белого сверху к розовому снизу */
  background-image: linear-gradient(white, pink);
}
0 0
Бесплатно
Основы HTML и CSS
Теория и практика с нуля
Перейти к курсу
Поможем с выбором
Если у вас есть вопросы о формате или вы не знаете, что выбрать, оставьте свой номер — мы позвоним и ответим на все вопросы
Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»