圆角

Question

重复：
What is the best way to create rounded corners
How to make a cross browser, W3C valid, semantic, non-javascript ROUND corner?

什么技术（符合标准）是否在HTML页面的显示元素上放置圆角？

我在下面的标记列表中放置了HTML CSS和javascript，因为我相信它们相当普遍，但是如果你有一种技术可以使用其他可以使用的技术，并且在标准浏览器中也是（相对）可靠的，但是请记下哪些浏览器失败。

Answer 1

CSS3有一个border-radius标签和box-shadow标签，但我认为它们只在Mozilla和Safari中实现。你可以使用它来圆角并创建阴影。

http://www.css3.info/preview/rounded-border/

除此之外，我所做的是创建图像并使用CSS和DIV标签加载它们。这个链接就是我以前开始使用的。

http://www.cssjuice.com/25-rounded-corners-techniques-with-css/

祝你好运！

Answer 2

在我以前工作过的公司，有大量的图形资源只是圆形边缘才能实现这一点。笨重的管理，但它运作良好，看起来非常好。

Answer 3

使用带有图像的3x3 HTML表格的老派方式：角落的固定大小的图像，沿边缘的可伸缩图像，以及中间的内容。有关更好的说明，请参阅this页面。

编辑：和here's一个页面，描述如何使用没有图像的CSS。