CSS背景线性渐变

CSS背景线性渐变

语法

background: linear-gradient(起始方向,颜色1,颜色2,...);
background: linear-gradient(left,red,blue);
background: linear-gradient(left top,red,blue);

注意

/* 背景渐变必须增加浏览器私有前缀 */
background: -webkit-linear-gradient(left,red,blue);

默认省略写法

/* 默认从上到下 */
background: -webkit-linear-gradient(red,blue);