Css 使用JQUERY或其他工具的简单圆角边框

重复：

您知道一种为div元素制作圆形边框的方法吗。

---

我使用了ruzee，但在使用CalenderExtender（asp.net ajax）和GMDatePicker组件时遇到了问题。

在CSS 3中，会有一个标准。现在，您可以通过以下方式完成此任务（仅适用于基于Mozilla和Webkit的浏览器）：

否则，您可以对backgound图像使用多个div，但是JQuery将提供一种更简单的方法（我不知道：（）

多重div方式可以如下所示：

html:

---

在CSS 3中会有一个标准。现在，您可以使用以下工具（仅适用于基于Mozilla和Webkit的浏览器）：

否则，您可以对backgound图像使用多个div，但是JQuery将提供一种更简单的方法（我不知道：（）

多重div方式可以如下所示：

html:

---

您可以使用CSS3 border radius属性，但IE尚不支持此属性。

您可以使用CSS3 border radius属性，但IE尚不支持此属性。

对于JQuery，您可以使用“Corner”。对于JQuery，您可以使用“Corner”。请参阅

好消息。您是否要添加CSS3的其他新功能？好消息。您愿意吗添加CSS3的其他新功能？我不知道为什么，但我无法注册它（即使我将js文件添加到页面）我不知道为什么，但我无法注册它（即使我将js文件添加到页面）你的问题指的是什么？如果你问到[…]-border radius：因为这只适用于mozilla或webkit，所以对IE不起作用（对opera都不适用）。如果你问到第二部分（堆叠div）：这应该适用于所有常见的浏览器。你的问题指的是什么？如果你问到[…]边界半径：因为这只适用于mozilla或webkit，所以对IE也不适用（对opera都不适用）。如果你问到第二部分（堆叠div）：这应该适用于每个常用浏览器。

.roundBorder {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

<div class="topLeft">
    <div class="topRight">
        <div class="bottomLeft">
            <div class="bottomRight">
                 <div class="content">
                 </div>
            </div>
        </div>
    </div>
</div>

.topLeft {
    background-image: url('topLeft.png');
    background-position: top left;
    background-repeat: no-repeat;
}

.topRight {
    background-image: url('topRight.png');
    background-position: top right;
    background-repeat: no-repeat;
}

.bottomLeft {
    background-image: url('bottomLeft.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

.bottomRight {
    background-image: url('bottomRight.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}