如何使用 4 角图像、4 行图像和内容 div 设计图像中显示的 div答案

【问题标题】：How can i design a div shown in image using 4corner images,4 line images,and a content div如何使用 4 角图像、4 行图像和内容 div 设计图像中显示的 div
【发布时间】：2012-07-28 10:48:15
【问题描述】：

我想设计一个 div。我有 4 个角图像，4 行图像。我只想要一种使用这些图像的方法，因为它也可以在 ie 中工作。我知道“div 内的 div 技巧”在位置上有 4 个角，但是如何正确放置这些线条图像？请记住，我的所有高度都是百分比。我想要一个 div，以便我可以放置数据。清楚地显示您的数据 div

不能将图像作为新用户...所以生成图像wid文本:(

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

【问题讨论】：

标签： css rounded-corners

【解决方案1】：

看看这个：

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

这是对类似问题的回答：

Can div really override table for everything on layouts?

【讨论】：

@Aakash Sahai，如果它有帮助并解决了您的问题，请不要忘记将此答案标记为已接受！

【解决方案2】：

如果你可以使用 CSS3，你可以使用边框图像的新属性。只是想提一下，因为它是一种不同的方法，尽管与旧浏览器不兼容。

您可以在 W3C 网站上查看如何使用它：

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

【讨论】：