Как сделать фон с помощью градиента для body (css, html)

Question

Как сделать фон с помощью градиента для body (css, html)

dinor4ik Знаток (321), открыт 3 недели назад

чтобы фон был радиальным градиентом и заполнял всю страницу

Answer 1

гугл для кого придумали? body {
background: radial-gradient(to left top, blue, red);
background-attachment: fixed; /*edit*/
}

Answer 2

Чтобы сделать градиентный фон для тела <body> в HTML, нужно использовать CSS. Основной способ — применение свойства background с функцией linear-gradient().

Пример кода:

body {
background: linear-gradient(to right, #ff0000, #0000ff);
}
В этом примере задаётся линейный градиент, который идёт слева направо (параметр to right), начинаясь с красного цвета (#ff0000) и заканчиваясь синим (#0000ff).

Также можно создать радиальный градиент, который расходится из центра:

body {
background: radial-gradient(circle, #ff0000, #0000ff);
}
Важно помнить, что градиенты поддерживаются не во всех старых браузерах, поэтому рекомендуется указывать резервный цвет.