如果你要弄竖行的导行条,这里只显示个框架,内部的大家自己添加。
<style type="text/css">
.ffnn-corner{width:160px;font-size:12px;background-color:#eeeeee;padding:0px;margin:0px 0px}
.ffnn-content{color:#ffffff;text-align:left;padding:0px;background-color:
#ffffff}
.ffnn{display:block;background-color:#eeeeee}
.ffnn *{display:block;height:1px;overflow:hidden;background-color:#ff6600}
.ffnn1{margin:0px 2px;border-left:1px solid #f3c19f;border-right:1px solid #f3c19f;padding:0px 1px;background-color:#f89450}
.ffnn2{margin:0px 1px;border-left:1px solid #f89450;border-right:1px solid #f89450}
.ffnn3{margin:0px 0px;border-left:1px solid #f3c19f;border-right:1px solid #f3c19f}
.ffnn4{margin:0px 0px;border-left:1px solid #f89450;border-right:1px solid #f89450}
</style>
---------------------------------------------------
<div class="ffnn-corner">
<b class="ffnn">
<b class="ffnn1"><b></b></b>
<b class="ffnn2"></b>
<b class="ffnn3"></b>
<b class="ffnn4"></b></b>
<div class="chala-content">
<div style="position: relative; width: 100%; height: 10px; z-index: 1; background-color: ff6600" id="layer1">
</div>
<div style="position: relative; width: 100%; height: 400px; z-index: 1; bottom: 0px; background-color: #ffffff; border-left:1px solid #f3c19f;border-right:1px solid #f3c19f;" id="layer2">
</div>
<div style="position: relative; width: 100%; height: 5px; z-index: 1; background-color: #ff6600" id="layer3">
</div>
</div>
<b class="ffnn">
<b class="ffnn4"></b>
<b class="ffnn3"></b>
<b class="ffnn2"></b>
<b class="ffnn1"><b></b></b></b>
</div>
红色的是添加的div,可以做表头,表尾,中间的是内容,可以加入表格或DIV做具体的导行。
[
本帖最后由 ffnn 于 2008-6-26 12:51 编辑 ]