html table表头斜线

标签：

关于htnl的table的表头斜线，符合表格设计规范，
<style>
    .biaotou {
        line-height: 5px;
        text-align: left;
    }
    .biaotou {
        background: rgba(0, 0, 0, 0) url("${base}/images/tab_bg.jpg") no-repeat scroll 0 0;
        height: 51px;
        width: 131px;
    }
    .biaotoutxt1 {
        color: #d26103;
        padding: 12px 0 0 95px;
    }


    .biaotoutxt2 {
        color: #d26103;
        padding: 15px 0 0 55px;
    }

    .biaotoutxt3 {
        color: #d26103;
        padding: 2px 0 0 8px;
    }
</style>

html代码如下：

<td style="height: 51px;width: 131px;">
   <div class="biaotou">
        <div class="biaotoutxt1">类型</div>
        <div class="biaotoutxt2">数量</div>
        <div class="biaotoutxt3">辖区</div>
   </div>
</td>

html table表头斜线

标签：

原文地址：http://www.cnblogs.com/zrlhss/p/4861075.html