CSS设置DIV背景色渐变

Posted 2020-08-04 不一样的程序媛

  div{
            width: 200px;
            height: 200px;
            FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#AC07BD, endColorStr=#f6f6f8); /*IE 6 7 8*/
            background: -ms-linear-gradient(top, #AC07BD, #f6f6f8);        /* IE 10 */
            background:-moz-linear-gradient(top, #AC07BD, #f6f6f8);/*火狐*/
            background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#AC07BD), to(#f140f8));/*谷歌*/
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#AC07BD), to(#f140f8));      /* Safari 4-5, Chrome 1-9*/
            background: -webkit-linear-gradient(top, #AC07BD, #f140f8);   /*Safari5.1 Chrome 10+*/
            background: -o-linear-gradient(top, #AC07BD, #f140f8);  /*Opera 11.10+*/
        }