CSS3双圆边框,是否可能没有2个div?

时间:2012-07-03 14:54:23

标签: css3 rounded-corners

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

请参阅我的示例:http://jsfiddle.net/eXDjL/

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

我知道有-moz-outline-radius property,但其他浏览器还有什么?

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

1 个答案:

答案 0 :(得分: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;
}