使用 CSS 自定义 <div> 边框 [关闭]

Question

我正在尝试创建一个类似于此站点的网页：

我尝试使用该设计创建图像（中间的图像具有白色背景和顶部和底部的尖边），但结果是图像是静态的，并且在页面内容时不会动态变化变化。

我不知道是否可以通过自定义<div>边框来实现设计或将设计上传为背景图像然后动态创建它。

感谢大家的帮助。

Answer 1

如果您不想使用 CSS3（以获得更多浏览器支持），请使用以下结构：

<div class="conatiner">
    <div class="pointyHeader"></div>
    <div class="content">
         your dynamic content here
    </div>
    <div class="pointyFooter"></div>
</div>

其中pointyHeader 和pointyFooter 具有固定的高度和背景图像。

Working jsFiddle

Answer 2

我想到了.box { position: relative; } 和一个.top { position: absolute; top: 0; } 和底部.bottom { position: absolute; bottom: 0;} 相同

在这里查看：http://jsfiddle.net/DyG8F/