如何通过纯css和html进行圆角布局？

在兼容和最方便的方式？

1> Jonathan Fin..：

---

纯css和HTML？(假设你不是指使用角落的图像,或背景图像....)

许多浏览器支持圆形边框,例如

-moz-border-radius
-webkit-border-radius
border-radius

然而,这些都不适用于IE

(见杰夫的响应这里和评论.)

---

使用javascript制作圆角似乎完全浪费了我的资源.而那些依赖于canvas的实现根本没有任何意义,因为支持canvas的浏览器也支持圆角.如果*那个*很重要,有圆角,你就会被图像困住.我建议使用上面列出的css属性,并接受它会在不支持的浏览器中优雅地降级.