css3---线性渐变

.example1 {
       width: 150px;
       height: 80px;
       background: -moz-linear-gradient( top,#ccc,#000);

       background: -o-linear-gradient( top,#ccc,#000);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ccc, endColorstr=#000);//ie

    -ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#ccc,endColorstr=#000)";

}

background: -webkit-gradient(linear,center top,center bottom,from(#ccc), to(#000));