今天在aw那里看到他的博客用了Firefox专有的圆角属性，另外WordPress的后台也使用了，于是我自己也就试一下来用了。目前IE还未支持圆角属性，IE8我还不清楚支不支持，或许我们以后只要使用border-radius这个CSS3属性就能轻松地在现代浏览器实现这个困扰很多小盆友的问题了，希望这一天的到来不会太遥远。目前我们已经可以在Firefox,Chrome,Safari实现这个功能了，但他们也还是使用私有属性来实现，用法上略有区别。 先说一下Firefox的圆角属性： -moz-border-radius: {1,4} | inherit 如果你想设置四个角都是一样圆角的话，可以像这样子直接设置-moz-border-radius:5px; 也可以单独设置元素的上左、上右、下右、下左四个角的值，分别用-moz-border-radius-topleft、-moz-border-radius-topright、-moz-border-radius-bottomright、-moz-border-radius-bottomleft来设置。 也可以用合并起来一起设置，如我目前的主题暂时设置的-moz-border-radius:5px 0 5px 0; 对chrome、Safari这两个webkit内核的浏览器来说，是用-webkit-border-radius来实现的。 -webkit-border-radius：{1,2} | inherit; 如果你想设置四个角都是一样圆角的话，依然可以像这样子直接设置-moz-border-radius:3px; 如果是单独设置四个角的话，需要采取这种方式 -webkit-border-top-left-radius:5px 10px; -webkit-border-top-right-radius:5px 10px; -webkit-border-bottom-right-radius:5px 10px; -webkit-border-bottom-left-radius:5px 10px; 如果是要合并的话，只支持-webkit-border-radius:3px;或者是这样子-webkit-border-radius:3px 4px;使用-webkit-border-radius:5px 0 5px 0;将不会有任何效果。 著名皮肤制作人utom总结了圆角属性不同浏览器下的运用 -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 更多详细的请大家自己查看以下链接： mozilla 和webkit的 CSS圆角 https://developer... apple_ref/doc/uid/TP30001266–webkit-border-bottom-left-radius 相关文章10个我现在用的Firefox附加组件扩展如何批量更改文件的修改时间Firefox我看行，更新版本到3.0b5Hugege.com by 胡戈戈 Copyright © 2008 爱祖国,爱人民,唉派对。 更多精彩欢迎您订阅http://feed.hugege.com 笑话论坛推荐:偶笑论坛 点我注册偶笑开始吹水

第一次搞这么高科技的东东，如果大家反应不好，那我以后就要跟这个做主题的业余爱好撒野拉哪啦！我放弃更新河蟹娱乐的宝贵时间，来调试这个主题，大家有什么问题的话，欢迎踊跃提出来，作为菜鸟的我，这个主题能怎么修改也请大大给出具体方案（详细到哪一行代码^_^）。 1.本主题基于Sanbox下完成。 2.在IE6/IE7/Firefox3/Chrome测试良好。 3.通过XHTML 1.0和CSS 3的测试。 4.支持widgets以及下面3个插件。 5.本Theme基于Creative Commons协议2.5发布。 支持并建议安装以下插件(不装也可以): 1.WordPress Related Posts 2.Wordpress Thread Comment 3.WP-PageNavi 下载地址：whilesnow v1.0.zip Update:新增支持宽屏居中。 Hugege.com by 胡戈戈 Copyright © 2008 爱祖国,爱人民,唉派对。 更多精彩欢迎您订阅http://feed.hugege.com 笑话论坛推荐:偶笑论坛 点我注册偶笑开始吹水