如何使用CSS创建圆角?
自从引入CSS3以来,使用CSS添加圆角的最佳方法是使用border-radius属性。您可以阅读有关该属性的规范,或获取有关MDN的一些有用的实现信息:
如果您使用的浏览器未 实现 border-radius(Chrome v4之前的版本,Firefox v4之前的版本,IE8,Opera v10.5之前的版本,Safari v5之前的版本),则下面的链接详细介绍了许多不同的方法。找到适合您的网站和编码风格的一种,然后选择它。
我在创建Stack Overflow的早期就已经看到了这一点,找不到任何创建圆角的方法,这并没有让我觉得自己只是穿过下水道。
border-radius:
正是您希望它如何工作。尽管这在Safari和Firefox的最新版本中可以正常工作,但在IE7(我也不认为在IE8中)或Opera中根本不起作用。
同时,它一直都在被黑客入侵。我很想听听其他人认为目前在IE7,FF2 / 3,Safari3和Opera 9.5上执行此操作最干净的方法。