Как я могу создать эти границы в середине?

Question

Я знаю, как создавать закругленные углы, используя изображения. Но, пожалуйста, посмотрите на ссылку: -

http://roundedbox.andreas -kalt.de /

Закругленные углы на всех четырех углах - все изображения, но мой вопрос, как эти границы в середине сделаны? Те зеленые границы, которые окружают весь div.

Учебное пособие дано, но оно на немецком языке :(. Также я не хочу использовать Css3 как -webkit-border-radius и т. Д., Поскольку они еще не поддерживаются в IE

Заранее спасибо:)

Answer 1

Все это делается с помощью 4 фоновых изображений вот ксс

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

Они используются изображения для границы. Используйте аддоны Firebug в Mozilla и проверьте это.