有多种，本文将介绍其中的几种，以供参考。
线性渐变
线性渐变可以让背景从一种颜色渐变到另一种颜色，可以使用linear-gradient()函数来实现，语法如下：
background: linear-gradient(角度, 颜色1, 颜色2);
其中角度可以是任意值，颜色1和颜色2可以是任意颜色，比如红色到蓝色的渐变：
background: linear-gradient(90deg, red, blue);
径向渐变
径向渐变可以让背景从一种颜色渐变到另一种颜色，可以使用radial-gradient()函数来实现，语法如下：
background: radial-gradient(形状, 颜色1, 颜色2);
其中形状可以是circle或ellipse，颜色1和颜色2可以是任意颜色，比如红色到蓝色的渐变：
background: radial-gradient(circle, red, blue);
多色渐变
多色渐变可以让背景从多种颜色渐变到另多种颜色，可以使用linear-gradient()或radial-gradient()函数来实现，语法如下：
background: linear-gradient(角度, 颜色1, 颜色2, ...);
background: radial-gradient(形状, 颜色1, 颜色2, ...);
其中角度、形状及颜色可以是任意值，比如红色、橙色、黄色到绿色的渐变：
background: linear-gradient(90deg, red, orange, yellow, green);
background: radial-gradient(circle, red, orange, yellow, green);
渐变角度
渐变角度可以指定渐变的方向，可以使用to方向关键字来实现，语法如下：
background: linear-gradient(to 方向, 颜色1, 颜色2);
其中方向可以是top、right、bottom、left，比如从左到右的渐变：
background: linear-gradient(to right, red, blue);
渐变起点和终点
渐变起点和终点可以指定渐变的开始点和结束点，可以使用from方向关键字和at位置关键字来实现，语法如下：
background: linear-gradient(from 方向 at 位置, 颜色1, 颜色2);
其中方向可以是top、right、bottom、left，位置可以是百分比或像素值，比如从左上角到右下角的渐变：
background: linear-gradient(from top left at 0% 0%, red, blue);