CSS：如何添加具有边框和无图像的圆角？

Question

是否有这样的事情可以使用IE？没有图像和边界？

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

Answer 1

使用CSS3，您可以在不使用任何图像的情况下实现此目的。

但是在许多浏览器中不支持。

Answer 2

我还没有尝试过，但你可以对这个

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 3

尝试Nifty Corners Cube，但它不允许您具有不同于内部背景颜色的边框颜色。你将需要找到一个解决方法（漂亮的角落里漂亮的角落）。您还可以结账jQueryUI的themeroller。它使用图像，但您可以使用它来设计自己的主题，并且您只需下载包含脚本，样式和图像的整个包。查看可以创建突出显示/错误的部分。

下面是另一个漂亮的角落里漂亮的角落立方体的样本。只要查看来源。 Nifty Corners Cube sample

Answer 4

试试这个：

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

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

基本上，此方法基于使用项目符号（•）。子弹被赋予所需的颜色并放置在盒子的四个角落。盒子相对定位，子弹绝对定位。那就是它们相对于父盒子是绝对定位的。