HTML table 表格边框的实现思路

一、总体思路：

　　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>
    

二、效果图

总结

以上所述是小编给大家介绍的HTML table 表格边框的实现思路,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！