如果你对在IE中创建角感兴趣，那么这个可能会有用- http://css3pie.com/

随着对CSS3的支持在Firefox、Safari和Chrome的新版本中实现，看看“边界半径”也会有帮助。

-moz-border-radius: 10px;  
-webkit-border-radius: 10px;  
border-radius: 10px;

像任何其他CSS简写一样，上面也可以用扩展格式编写，从而实现左上角、右下角等不同的边界半径。

-moz-border-radius-topleft: 10px;  
-moz-border-radius-topright: 7px;  
-moz-border-radius-bottomleft: 5px;  
-moz-border-radius-bottomright: 3px;  
-webkit-border-top-right-radius: 10px;  
-webkit-border-top-left-radius: 7px;  
-webkit-border-bottom-left-radius: 5px;  
-webkit-border-bottom-right-radius: 3px;

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

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

如果你要使用边界-半径解决方案，有一个很棒的网站可以生成css，使它适用于safari/chrome/FF。

无论如何，我认为你的设计不应该依赖于圆角，如果你看看Twitter，他们只是对IE和opera用户说F****。圆角是一个很好的选择，我个人认为这是为那些不使用IE的酷用户保留的:)。

当然，这不是客户的意见。 链接如下:http://border-radius.com/

当然，如果它是一个固定的宽度，它是超级容易使用CSS，而不是在所有冒犯或费力。当你需要向两个方向扩展时，情况就会变得不稳定。有些解决方案将大量的divs堆叠在一起以实现这一目标。

我的解决方案是告诉设计师，如果他们想使用圆角(暂时)，它需要一个固定的宽度。设计师喜欢圆角(我也是)，所以我觉得这是一个合理的妥协。

如果你对在IE中创建角感兴趣，那么这个可能会有用- http://css3pie.com/