background-image: linear-gradient(#444, #111); background-image: linear-gradient(颜色值,颜色值);
linear-gradient(线性渐变)
radial-gradient(径向渐变)
Mozilla
background:-moz-linear-gradient( top,#ccc,#000);
*第一个参数是：线性渐变的方向;
*第二个参数和第三个参数是：开始和终止的颜色;
Webkit
background:-webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));
*第一个参数是：线性渐变的类型;
*第二个参数和第三个参数是：开始和终止的颜色;
Opera
background: -o-linear-gradient(top,#ccc, #000);
实战案例：
background:-moz-linear-gradient(left,#ace,#f96); /*Mozilla*/ background:-webkit-gradient(linear,0 50%,100% 50%,from(#ace),to(#f96)); background:-webkit-linear-gradient(left,#ace,#f96); background:-o-linear-gradient(left,#ace,#f96); /*Opera11*/