码迷,mamicode.com
首页 > Web开发 > 详细

CSS3中的渐变和圆角

时间:2015-05-14 15:46:51      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

渐变:
backgroud:linear-gradient()
语法:linear-gradient(起点,开始颜色,结束颜色);
  起点:top,right,bottom,left,top left,top right, bottom left,bottom right,
例:

.test{
    background:-moz-linear-gradient(top,#fff,#000);
    background:-webkit-linear-gradient(top,#fff,#000);
    background:-ms-linear-gradient(top,#fff,#000);    //IE9以上版本才支持;
    background:-o-linear-gradient(top,#fff,#000);
    background:linear-gradient(top,#fff,#000);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(gradientType = 0, startColorstr = #fff, endColorstr = #000)";      //IE8.0 版本可以识别;
    +background:#ccc;                 //针对IE6 IE7设置纯色背景色;
}

 

CSS3中的渐变和圆角

标签:

原文地址:http://www.cnblogs.com/newh5/p/4503302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!