背景线性渐变:-webkit-linear-gradient

语法：

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

背景渐变必须添加浏览器私有前缀
起始方向可以是︰方位名词或者度数，如果省略默认就是top

<style>
	div {
			width: 600px;height: 200px;
			/*背景渐变必须添加浏览器私有前缀*/
			/* background: -webkit-linear-gradient(left，      			red，blue); */
			background: -webkit-linear-gradient(red，blue);
			background: -webkit-linear-gradient(top left，			  red，blue);
}
</ style>

代码结果：