全国服务热线:4008-888-888

技术知识

HTML table 报表边框的完成思路

1、整体思路:

  1、报表无垠框,情况色调设定1种色调(#DCDFE6),这样报表的边框的色调便是报表的情况色调;

  2、模块格间隔为1px,情况色调设定为白色(#FFFFFF)

 // CSS
    table { background:#DCDFE6; width: 100%; }
    table td { background:#FFFFF; }
    // HTML
    <table border="0" cellspacing="1" cellpadding="0">
         <tr>
           <td colspan="3"><el-checkbox>仪表盘面板</el-checkbox></td>
         </tr>
         <tr>
            <td rowspan="2"><el-checkbox>方式管理方法</el-checkbox></td>
            <td><el-checkbox>方式目录</el-checkbox></td>
           <td>
              <el-checkbox>新增</el-checkbox>
              <el-checkbox>编写</el-checkbox>
              <el-checkbox>删掉</el-checkbox>
           </td>
        </tr>
   </table>

2、实际效果图

总结

以上所述是网编给大伙儿详细介绍的HTML table 报表边框的完成思路,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!
假如你感觉本文对你有协助,欢迎转载,烦请注明出处,感谢!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服