Question

我知道如何使用图像生成圆角。但请看一下链接： -

所有四个角上的圆角都是图像，但我的问题是中间的边界是如何完成的？那些环绕整个div的绿色边框。

给出了教程，但它是德语:(。另外我不想使用像-webkit-border-radius等的Css3，因为IE中尚不支持它们

提前致谢：）

Answer 1

整个过程完成了4个背景图像这是css

roundbox-tr {
    margin:15px auto;
    padding:0;
    background:url("roundbox_tr.gif") no-repeat right top;
    width: 90%;
}

/* top-left corner and left side */
.roundbox-tl {
    margin:0;
    padding:0;
    background:   url("roundbox_tl.gif") no-repeat left top;
}

/* bottom-right corner and bottom side */
.roundbox-br {
    margin:0;
    padding:0;
    background:   url("roundbox_br.gif") no-repeat right bottom;
}

/* bottom-left corner */
.roundbox-bl {
    margin:0;
    padding:0;
    background:   url("roundbox_bl.gif") no-repeat left bottom;
}

Answer 2

它们用于边框图像。在mozilla中使用firebug插件并检查它。

我如何在中间创建这些边框？

2 个答案: