1、线性渐变
/*Old gradient for webkit*/
background: -webkit-gradient(linear, left 50%, right 50%, from(#002E8C),to(#55e5ed));
/*new gradient for Webkit*/
background:-webkit-linear-gradient(left,#002E8C,#55e5ed);
/*Opera11*/
background:-o-linear-gradient(left,#002E8C,#55e5ed);
/*Mozilla*/
background:-moz-linear-gradient(left,#002E8C,#55e5ed);
/*IE10+*/
background: linear-gradient(to right, #002E8C 0%,#55e5ed 100%);
/*IE8-IE9*/
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002E8C', endColorstr='#55e5ed',GradientType=1 );