在css中有多种方式可以设置元素的颜色，运用不同的语法可以将网页中的颜色设置成纯色或渐变色。以下为css中 渐变色使用方法
渐变是一种颜色过渡到另一种颜色。 CSS linear-gradient 函数可让你控制沿线的过渡方向以及使用的颜色。
需要注意 linear-gradient 函数实际上创建了一个 image 元素，所以他通常可以作为 background 属性中的一个值。
linear-gradient 函数非常灵活——以下是基本语法：
示例代码
linear-gradient(gradientDirection, color1, color2, ...);
gradientDirection 是表明过渡的线的方向（例如90°渐变可以写成90deg）。 color1 和 color2 是颜色参数，它们是将在过渡中使用的颜色。 可以是任何类型的颜色，包括颜色关键字、十六进制、rgb 或 hsl。
如果没有为 linear-gradient 函数提供 gradientDirection 参数，则默认情况下，它会从上到下或沿 180 度线排列颜色。
linear-gradient 函数至少需要两个颜色参数才能工作，它可以接受更多颜色参数，实现三色，四色渐变。
色标（color-stop）允许你微调颜色沿渐变线的位置。 它们可以用 px 这样的长度单位来表示，或者可以在 linear-gradient 函数中定位颜色的百分比。
例如，在这个红-黑渐变中，从红色到黑色的过渡发生在渐变线的 90% 处，因此红色占据了大部分可用空间：
示例代码
linear-gradient(90deg, red 90%, black);
如果不设置色标，linear-gradient 函数会自动为你计算色标值，并在默认情况下沿渐变线均匀分布颜色。
