圆角 [重复]答案

【问题标题】：Rounded Corners [duplicate]圆角 [重复]
【发布时间】：2010-10-23 04:12:23
【问题描述】：

重复：
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 放在下面的标记列表中，因为我相信它们相当普遍，但是如果您有一种技术使用其他技术，并且可以使用并且（相对）可靠地跨标准浏览器运行，那么，但请记下哪些浏览器会出现故障。

【问题讨论】：

【解决方案1】：

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

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

祝你好运！

【讨论】：

【解决方案2】：

在我以前工作过的一家公司，有大量的图形资源只是圆角来实现这一点。管理起来很笨重，但效果很好，看起来非常漂亮。

【讨论】：

【解决方案3】：

使用带有图像的 3x3 HTML 表格的老式方式：角落的固定大小的图像、边缘的可拉伸图像以及中间的内容。请参阅this 页面以获得更好的描述。

编辑：here's 一个页面描述了如何在没有图像的情况下使用 CSS。

【讨论】：