渐变背景
使用 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) ;