自从引入CSS3以来，使用CSS添加圆角的最好方法是使用border-radius属性。你可以阅读属性的规范，或者在MDN上获得一些有用的实现信息:

如果您使用的浏览器没有实现border-radius (Chrome pre-v4, Firefox pre-v4, IE8, Opera pre-v10.5, Safari pre-v5)，那么下面的链接详细介绍了一大堆不同的方法。找一个适合你的网站和编码风格的，然后使用它。

CSS设计:创建自定义角 &边界 CSS圆角'Roundup' 25圆角技术与CSS

不要使用CSS, jQuery已经被提到过好几次了。如果你需要完全控制你的元素的背景和边界，可以试试jquery背景画布插件。它在背景中放置了一个HTML5 Canvas元素，并允许你绘制你想要的每个背景或边界。圆角，渐变等等。

要让圆角发挥作用是多么复杂，甚至雅虎都不鼓励他们(见第一个项目符号)!当然，他们在那篇文章中只谈论了1像素的圆角，但有趣的是，即使是一家拥有他们专业知识的公司也得出结论，让他们大部分时间工作太痛苦了。

如果你的设计可以在没有它们的情况下存活，这就是最简单的解决方案。

没有“最好”的方法;有适合你的方法也有不适合你的方法。话虽如此，我在这里发布了一篇关于创建CSS+图像的流畅圆角技术的文章:

使用CSS和图像的圆角盒子-第2部分

这个技巧的概述是使用嵌套的div和背景图像重复和定位。对于固定宽度的布局(固定宽度可拉伸的高度)，你需要三个div和三张图片。对于流体宽度布局(可拉伸宽度和高度)，您需要9个div和9张图像。有些人可能会认为这太复杂了，但恕我直言，这是有史以来最简洁的解决方案。没有黑客，没有JavaScript。

在创建Stack Overflow的早期，我看到了这一点，我找不到任何创造圆角的方法，让我感觉自己就像走过下水道一样。

CSS3最终定义了

border-radius:

这正是你想要的效果。虽然这在最新版本的Safari和Firefox中运行正常，但在IE7或Opera中就完全不行(我想在IE8中也不行)。

与此同时，这一切都是黑客所为。我很想听听其他人认为在IE7、FF2/3、Safari3和Opera 9.5之间实现这一点的最干净的方法是什么。

除了上面提到的htc解决方案，这里还有其他解决方案和例子来实现IE圆角。