线性渐变( linear-gradient ) background-image: linear-gradient(to 方向, 开始颜色, 中间颜色1, 中间颜色2, ... , 结束颜色 ); 四个方向的组合-八个方向 top, right, bottom, left 角度 90deg 径向渐变( radial-gradient ) background-image: radial-gradient(大小 形状 at 方向, 开始颜色, 中间颜色1, 中间颜色2, ..., 结束颜色 ); 大小 : 圆半径一个值 或者 椭圆半长轴和半短轴两个值 百分比 / 像素 形状 circle