css实现渐变背景颜色

CSS3可以通过线性渐变和径向渐变来实现背景颜色的渐变效果。线性渐变是在指定的方向上从一个颜色过渡到另一个颜色，而径向渐变是以一个中心点为起点，向周围扩散渐变颜色。以下是两种渐变的设置方法：

1. CSS3线性渐变设置背景颜色渐变：
- 使用linear-gradient()函数来定义线性渐变的方向和颜色。
- 语法为：background: linear-gradient(direction, color-stop1, color-stop2, ...);
- direction可以是角度（deg）、关键字（to left、to right等）或者方向（top、bottom、left、right等）。
- color-stop定义了渐变的起点和终点颜色，可以是具体的颜色值或者百分比。
- 可以设置多个color-stop来实现多个颜色的渐变效果。

2. CSS3径向渐变设置背景颜色渐变：
- 使用radial-gradient()函数来定义径向渐变的中心点、半径和颜色。
- 语法为：background: radial-gradient(shape size at position, start-color, ..., last-color);
- shape可以是圆形（circle）或者椭圆形（ellipse），size可以是具体的长度值或者关键字（closest-side、closest-corner等）。
- position定义了中心点的位置，可以是具体的像素值或者百分比。
- start-color和last-color定义了渐变的起点和终点颜色，可以是具体的颜色值或者百分比。