/* 线性渐变 */ background: linear-gradient(to bottom, #000, #fff); /* 径向渐变 */ background: radial-gradient(circle, #000, #fff);
在渐变中，线性渐变和径向渐变是最常用的两种类型。线性渐变呈现为一个单色到另一个单色的过渡，可以设置渐变方向。径向渐变则呈现为从一个中心点到一个半径的过渡。
除了渐变方式外，在 CSS2 中，还可以通过以下属性来控制渐变效果：
background-position：背景图像的位置。background-size：背景图像的大小。background-repeat：背景图像的重复方式。background-origin：背景图像的开始位置。background-clip：背景绘制区域的大小。
/* 使用 background-size 控制渐变大小 */ background: linear-gradient(to bottom, #000, #fff); background-size: 50% 50%;
以上例子中，线性渐变样式被设置为从上到下的过渡。但是，通过background-size属性将背景大小设置为 50% x 50%，可以创建出一个半透明的背景效果。
总之，CSS2 中的渐变让大家能够为网页元素添加更多的颜色渐变效果，从而提高网站的设计质量。