css设置背景色渐变

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/xiejunna/article/details/86477327

css完成以下如图背景色
css样式

#div1 {
		width: 100%;
		height: 100px;
		background: #0068B5;/* 为较旧的或者不支持的浏览器设置备用属性 */
		background: -moz-linear-gradient(left, #0068B5 0%, #7CAFE1 100%);/**/
		background: -webkit-gradient(linear, left, right, color-stop(0%, #0068B5), color-stop(100%, #7CAFE1));/**/
		background: -webkit-linear-gradient(left, #0068B5 0%, #7CAFE1 100%);/**/
		background: -o-linear-gradient(left, #0068B5 0%, #7CAFE1 100%);/**/
		background: -ms-linear-gradient(left, #0068B5 0%, #7CAFE1 100%);/**/
		background: linear-gradient(to right, #0068B5 0%, #7CAFE1 100%);/*用线性渐变创建图像*/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068B5', endColorstr='#7CAFE1', GradientType=0);/* ie6 - ie8*/
			}