怎么用css制作渐变背景

要制作一个漂亮的渐变背景，CSS是很好用的工具。下面我们来看看如何使用CSS制作渐变背景。

/* 设置渐变背景 */.background {
    background: linear-gradient(to bottom, #2785C4, #BEE0F8);
}

上面的代码就可以设置一个从上到下的蓝色渐变背景。它的语法很简单，首先我们选择要应用渐变背景的元素，这里选择了一个叫background的类；然后使用background属性设置背景，其中linear-gradient表示线性渐变，可以设置的方向有to top、to right、to bottom、to left等；#2785C4和#BEE0F8是两个颜色值，分别表示起始和结束颜色。

如果我们想要设置径向渐变背景，可以这样写：

/* 设置径向渐变背景 */.background {
    background: radial-gradient(ellipse at center, #2785C4, #BEE0F8);
}
    

这里的语法也很简单，radial-gradient表示径向渐变，ellipse at center表示圆形，可以设置成circle表示正圆；#2785C4和#BEE0F8是起始和结束颜色，可以根据需要任意修改。

除了上述两种渐变背景之外，还可以设置渐变角度或者多种颜色渐变等等，大家可以根据需要自行选择。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！