渐变背景

渐变背景

使用 linear-gradient 设置线性渐变

语法格式如下：

linear-gradient(方向 颜色列表)

上面语法中的”方向“用于指定线性渐变的方向，该方向可以省略。如果省略指定方向，线性渐变的方向默认是从上到下的 。
方向参数支持如下参数值。
● to top: 代表从下到上。
● to bottom: 代表从上到下。 这是默认值。
● to left: 代表从右到左。
● to right: 代表从左到右。
● to left top: 代表从右下角到左上角 。
● to right top: 代表从左下角到右上角 。
● to left bottom: 代表从右上角到左下角 。
● to right bottom: 代表从左上角到右下角 。
● Ndeg: 指定角度值。其中 0deg 代表 12 点方向，该角度值代表顺时针转过的角度。
除了使用简单的 to XXX 控制线性渐变的方向之外， css 也允许通过角度来指定线性渐变的方向。例如如下页面代码:

background:linear-gradient(45deg, red, blue) ;