css - CSS3双圆边框，没有2个div可以吗？

Question

我想知道是否可以在不嵌套 DIV 的情况下创建双圆角边框？

在此处查看我的示例：http: //jsfiddle.net/eXDjL/

第一个框是圆形的，但 ouline 保持方形，第二个框没有圆角，但显示了我想要的边框。

我知道有一个-moz-outline-radius property，但其他浏览器有什么吗？

如果不是，我想我会坚持使用两个 div。

Answer 1

要模仿不同的颜色边框，您可以使用box-shadow- http://jsfiddle.net/eXDjL/3/

.genyx_content_full {
    background-color:#f7f7f7;
    border: #fff 1px solid;
    padding: 10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0px 0px 0px 1px #dedede;
}