css渐变色

1、从左到右：

    background:#000;
    background:-webkit-linear-gradient(left,#000,#fff);
    background:-o-linear-gradient(right,#000,#fff);
    background:-moz-linear-gradient(right,#000,#fff);
    background:linear-gradient(to right,#000,#fff);

可增加多种颜色，比如：

    background:linear-gradient(to right,#000,#f8d9d7,#fff);

2、从上到下：

    background:#000;
    background: -moz-linear-gradient(top, #000 10%, #fff 100%) ;
    background: -webkit-linear-gradient(top, #000 10%,#fff 100%) ;
    background: -o-linear-gradient(top, #000 10%,#fff 100%) ;
    background: -ms-linear-gradient(top, #000 10%,#fff 100%) ;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#000), color-stop(100%,#fff))  ;

可增加多种颜色，比如：

    background:-ms-linear-gradient(top,#000 10%,#f8d9d7 50%,#fff 100%);