使用CSS创建圆角

Question

使用CSS创建圆角如何使用CSS创建圆角？

Answer 1

自从CSS 3被引入以来，使用css添加圆角的最佳方法是使用border-radius财产。你可以的阅读规范在这片土地上，或者买一些关于MDN的有用实现信息:

如果您使用的浏览器不 实施 border-radius(Chrome prev 4，Firefox prev 4，IE8，Opera pre-v10.5，Safari prev 5)，下面的链接详细介绍了一系列不同的方法。找到一个适合你的网站和编码风格，并与它。

1. CSS设计：创建自定义角和边界

2. CSS圆角‘综合’

3. 使用CSS的25个圆角技术

Answer 2

我在创建堆栈溢出的早期就看过了，但是找不到任何创造圆角的方法并没有让我觉得自己刚刚穿过下水道。

CSS 3最终定义了这个

border-radius:

这正是你想要的结果。虽然这在最新版本的Safari和Firefox中是可行的，但在IE7(我不认为在IE8中)或Opera中是完全不起作用的。

同时，一直都是黑客。我很想听听其他人认为在IE7、FF2/3、Safari3和Opera 9.5中最干净的方法是什么。