站长资源网页制作
HTML table 表格边框的实现思路
简介一、总体思路：1、表格无边框，背景颜色设置一种颜色（#DCDFE6），这样表格的边框的颜色就是表格的背景颜色；2、单元格间距为1px，背景颜色设置为白色（#FFFFFF）// CSStable { background:#DCDFE6; width: 100%; }table td { backgr
一、总体思路：
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 表格边框的实现思路,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
下一篇：Html5自定义字体解决方法