一个容器里面，顶部和底部有背景的结构写法，我写的嵌套过多，请教一下有没有好的写法

<div class="CommonL_box"> <div class="CommonL_boxt"> <div class="CommonL_boxb"> <div>test</div><div>test</div><div>test</div><div>test</div><div>test</div><div>test</div><div>test</div><div>test</div><div>test</div> </div> </div> </div>
 提示：您可以先修改部分代码再运行

能稍微据提点吗？你是不是说:

.divA {
    background:transparent url() repeat-x top center;
}

http://www.tom.com/
就是类似tom的容器块，不过我不需要圆角的，顶部和底部都有一个相反的过渡背景。
背景距容器边有1像素距离

类似这样的容器

我也正在找这样的效果....
哪位达人能提供一下说明
我是要全屏幕的最上方和最下方有背景图...

我目前的写法就是三层嵌套，外层容器，里面2个，一个是上背景容器，一个是下背景容器，上背景和下背景做在一张图里，用top和bottom横向重复背景。

由于页面里面可能多出用到这个结构，想求一个简洁的结构

emm 既然有tom的现成品，直接copy过来就行了吧。。。

抱歉，没看清楚你刚才写的东西。。。
如果不需要圆角的话就好办多了。 不需要那么多嵌套。
直接这样就可了：

<style> .box { background:red url() repeat-x bottom; border:1px solid #ccc; width:200px; height:200px;} .box h3{ background:blue url() repeat-x top; border:1px solid white; line-height:30px; margin:0;} </style> <div class="box"> <h3>title</h3> </div>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 不含ppa 于 2008-6-30 22:54 编辑 ]