繁體中文当前位置: 首页 > 图文教程 > 专题中心 > CSS3教程和css3新特性专题 > 认识CSS3和HTML5 > CSS教程：CSS3圆角属性
- 认识CSS3和HTML5
- HTML5和CSS3给网站设计带来出色效果
- HTML5和CSS3新的WEB标准和浏览器支持
- jQuery插件实现css3效果
- 使用CSS3新技术 完美实现圆角效果
- 使用CSS3将你的网站设计推向未来
- 利用CSS3特性和浏览器中的工具进行网页设计
- css3教程：把系统日志记录到远程服务器
- css3教程：文字阴影解析
- 向你介绍丰富的CSS3 特性
- 人们期待的CSS3的10大功能
- CSS3教程:box-sizing属性
- Firefox 3.5的HTML5和CSS3特性
- Webjx推荐20个关于CSS3优秀学习资源
- CSS教程：CSS3圆角属性
- CSS3伪类选择器：nth-child()
- CSS3中的5个有趣的新技术
- CSS3教程:边框属性border的极致应用
- CSS3五个技巧给你的网站带来出色的效果
- CSS3教程:新增加的结构伪类
- 介绍CSS3使用技巧5个
认识CSS3和HTML5 中的 CSS教程：CSS3圆角属性
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-12-06 浏览: 69 ::
收藏到网摘: n/a
随着网络的发展，CSS 也在不断的完善，充分吸取多年来 Web 发展的需求，提出了很多新颖的 CSS 特性，例如很受欢迎的圆角矩形 border-radius 属性，但很可惜，此属性目前没有得到任何浏览器的支持。
对于一些浏览器，它们有其私有的圆角属性。如 FF 的 -moz-border-radius ，Safari 和 Chrome 的 -webkit-border-radius 。效果见下图：
FF 的圆角
Safari 和 Chrome 的圆角(Safari 和 Chrome 使用的是同一种内核，这里就只附 Chrome 的效果了)
IE 和 Opera 就没有私有的圆角属性了，如果有的话，那制作圆角应该就简单多了，把各自的私有属性全部写上，让各个浏览器“对号入座”，就达到了“兼容”的效果。
评论 (0) All
