background-image怎么设置渐变背景

CSS代码

body {
    background-image: linear-gradient(to right , #7A88FF, #7AFFAF);
}

如果渐变是从元素上边的紫色过度到下边的绿色，要使用 to bottom 关键字。

html, body {
    width: 100%;
    height: 100%;
}
body {
    background-image: linear-gradient(to bottom , #7A88FF, #7AFFAF);
}

另外，还可以用 to bottom right 这样的关键字指定渐变的角度。使渐变从元素的左上角开始，到元素的右下角结束。

html, body {
    width: 100%;
    height: 100%;
}
body {
    background-image: linear-gradient(to bottom right, #7A88FF, #7AFFAF);
}

画面自行想象，包你满意。