CSS：如何用边界而没有图像添加圆角？(CSS: How to add rounded corner

有没有这样的事情，可以与IE浏览器？ 没有图片与边界？

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

Answer 1:

我还没有尝试过，但你可以在此看

Nifty Corners Cube: rounded corners without images - 
URL is http://www.html.it/articoli/niftycube/index.html

或者你可以尝试

JQuery Corners - 
http://www.atblabs.com/jquery.corners.html

用法示例 -

<div style="background-color:#acc; padding:10px" class="rounded">
  Example with different x and y sizes.
</div>
<script>$(document).ready( function(){
  $('.rounded').corners("30px 10px");
});</script>

Works with:

    * iPhone
    * Chrome
    * Firefox
    * Safari 2+
    * Opera 9.0+
    * Internet Explorer 6+
    * and probably more...

Answer 2:

有了CSS3，你可以不使用任何图像实现这一目标。

但是，是不是在多种浏览器支持。

Answer 3:

试试这些可爱的角落立方体 ，但它不会让你有一个边框颜色不同形式的内部背景颜色。 你将需要找到一种解决方法（一个漂亮的角落里漂亮的一角）。 您还可以检出jQueryUI的的的ThemeRoller。 它使用的图片，但你可以用它来设计自己的主题，所有你需要做的就是下载包含脚本，风格和图片全包。 看看这里你可以创建亮点/错误的部分。

这里的另一个里面漂亮的角落漂亮的角落立方体的一个样本。 只要查看源。 漂亮的角落立方体试样

Answer 4:

试试这个：

http://www.cssplay.co.uk/boxes/curves.html

此方法使用无图像，无JavaScript的，但与CSS额外的HTML的一点点。

基本上，这种方法是基于使用的子弹（•）。 子弹被赋予所需的颜色，并放置在箱的四角。 箱子被相对定位，子弹是绝对定位。 这是他们绝对相对于父框的位置。

文章来源: CSS: How to add rounded corner with border and no images?