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那么最终得到的是一个正圆如下：

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

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

转载请注明转自：一极乐（https://yijile.com/log/51.html）

---

话题相关文章

• 配置HOSTS文件正常访问w3schools.com
• html5shiv.min.js不能让ie6支持html5标签？https和ie6的坑
• dmenu纯CSS 2下拉菜单可兼容IE6+、chrome等主流浏览器
• 让IE5、6、7、8也兼容响应式网页设计
• CSS透明背景 不影响文字 支持IE6+Chrome+Firefox+等主流浏览器

话题标签

CSSCSS3

• 上一篇: Cabcv.com域名的logo
• 下一篇: 《金刚经》诸恶莫作，众善奉行

《css3：无图纯css做出的圆角，支持各大浏览器》  发表时间：2011-08-18  最后更新时间：2014-09-12 17:52:15