在CSS中，通过设置渐变可以让网页的颜色变化更加流畅自然。下面我们来看看如何设置CSS渐变。 首先，我们需要选择渐变的方向。CSS支持水平方向、垂直方向、对角线方向的渐变。我们可以使用下面的代码设置渐变的方向：

background: linear-gradient(to right, #ffcccc, #ffffcc);

这里的to right表示渐变方向为水平向右，#ffcccc和#ffffcc分别为起点和终点的颜色。 接着，我们可以设置多种颜色的渐变。通过在起点和终点之间添加中间色，可以让渐变更加丰富。下面的代码演示了如何设置从上到下的三色渐变：

background: linear-gradient(to bottom, #ffcccc, #ffffcc, #ccffcc);

注意，中间色的个数可以任意添加，每个颜色之间用逗号隔开即可。 最后，我们来看看如何设置径向渐变。径向渐变类似于从一个圆心向外扩散的颜色变化。下面的代码设置了一个从中心向外的径向渐变：

background: radial-gradient(circle at center, #ffcccc, #ffffcc);

circle at center表示从中心点开始扩散，#ffcccc和#ffffcc分别为起点和终点的颜色。 以上便是CSS设置渐变的常用方法，可以根据实际需要选择不同的方向、颜色和样式，实现更加炫酷的效果。