Table表格加斜线表头

Html

Css

Js

    

        

            项目
            年份
        
        
201206
    
    

        
数据1
        
数据2
    

td { border:#000000 solid 1px; width:100px; height:100px; } #lineTd { background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center; }

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.11.3

1、td内容设置

<td id="lineTd">
    <span style="float:left;margin-top:20px;">项目</span>
    <span style="float:right;margin-top:-10px;">年份</span>
</td>

#lineTd {
 background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxsaW5lIHgxPSIwIiB5MT0iMCIgeDI9IjEwMCUiIHkyPSIxMDAlIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiLz48L3N2Zz4=) no-repeat 100% center;   
}