Jon*_*and 7

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

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

-moz-border-radius
-webkit-border-radius
border-radius
Run Code Online (Sandbox Code Playgroud)

然而,这些都不适用于IE

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

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