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 报表边框的完成思路,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!
假如你感觉本文对你有协助,欢迎转载,烦请注明出处,感谢!