css3:无图纯css做出的圆角,支持各大浏览器

推荐的CSS3圆角运用,支持各大兼容CSS3的浏览器
请将.o 改为你需要设置的标签选择器

.o {
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

CSS3圆角属性完美支持Firefox,Chrome,Safari,ie9+

6px代表 圆角的像素,越大越圆,右边导航使用的就是这个参数,然后下面的声明使用的是6px,也可以使用百分比做参数如100%就是全圆。

效果演示:如果一个容器的高宽为100你将值设置为100那么最终得到的是一个正圆如下:

我是100px正圆

下面是老版内容,新版支持更多浏览器。

/*你的选择器*/ {
    -moz-border-radius:6px;
    -webkitz-border-radius:6px;
    border-radius:6px;
    background-color: #FFFFFF;
}

转载请注明转自:一极乐http://yijile.com/log/51.html


话题相关文章

话题标签

CSSCSS3

一极乐 为乐趣而生

《css3:无图纯css做出的圆角,支持各大浏览器》  发表时间:  最后更新时间:

谁来过

不知子曰邀请你对本文不足说出你的看法!

一条评论

  1. 無塵

    /哈哈 邮件接收测试




博主推荐专题

佛学资料Typecho模版代码乐知道CSS百度CyanogenMod
搜索引擎提交入口言辞


关闭

标签云

一极乐 衷心接受你的建议

TOP