linear-gtradient() css 函数创建线性渐变作为背景
语法是：
一个 CSS 选择器{
背景图像：线性渐变（角度，颜色1，颜色2，颜色3，......）;
}
angle ：可选是对渐变方向的引用 默认为 180deg 我们可以使用这些关键字代替 deg 来确定方向： *向右：等于 90 度 **向左：等于 270 度 * 到顶部：等于 0deg **到底部：等于 180 度（可选，因为 l Linear-radient() 中的度数是到底部 **color1 ：需要这个值由一个颜色值组成，后跟 一个或两个位置的可选颜色停止点（0% 到 100% 之间的百分比或沿渐变轴的长度）。
坡度 {
高度：200px；
/* 倾斜 45 度的渐变，
开始为蓝色，结束为红色 /
/
/*
背景图像：线性渐变（45度，蓝色，红色）；
*/
/* 从右下角到左上角的渐变，
开始为蓝色，结束为红色 /
/
/*
背景图像：线性渐变（到左上角，蓝色，红色）
*/
背景图像：线性渐变（向右，红色，50%，蓝色）
/*
多位置色标：倾斜 45 度的渐变，
左下半部为红色，右上半部为蓝色，
带有一条硬线，渐变从红色变为蓝色
*/
/*
背景图像：线性渐变（
45度，
红色 0 50%，
蓝色 50% 100%);
*/
