Как я могу создать div, показанный на изображении, используя 4-угольные изображения, 4-строчные изображения и контентный div

Question

Я хочу создать div. У меня есть 4-угольные изображения, 4-линейное изображение. Мне нужен только способ использования этих изображений, т. Е. Он тоже будет работать.Как правильно разместить эти линейные изображения? Имейте в виду, у меня есть все высоты в процентах. Я хочу, чтобы div, чтобы я мог разместить данные .. четко показать ваши данные div

не могу поместить изображение в качестве нового пользователя ...so генерирование изображения в виде текста: (

 -----------------------------------------
|   suppose corners are there.            |
|   i cant make these lines(left,right)   |
|<--i have image of these line also. ---->|                                         
|                                         |
|                                         |
|                                         |
|                                         |
 -----------------------------------------

Answer 1

Если вы можете использовать CSS3, вы можете использовать новое свойство для изображения границы. Просто подумал упомянуть об этом, так как это другой подход, хотя он не совместим со старыми браузерами.

Вы можете увидеть, как использовать его на веб-сайте W3C:

http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image-uri

Answer 2

Проверьте это:

http://ulmanen.fi/stuff/box.php

Это был ответ на похожий вопрос:

Может ли div действительно переопределить таблицу для всего на макетах?