CSS linear-gradient()线性渐变

学习最好的方法，就是把你知道的告诉别人

元素的背景颜色并不局限单一的颜色，我们还可以通过给元素的背景色设置过渡，也就是渐变，让我们的元素的颜色变得更加美观。

可以通过 linear-gradient()实现渐变，这是它的语法：

background: linear-gradient(gradient_direction, 颜色 1, 颜色 2, 颜色 3, ...);

• gradient_direction:背景的渐变角度，90deg代表垂直渐变，剩下的指定渐变颜色的先后顺序。

请看例子：

background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));

这是效果图：

效果图