HTML table 表格边框的实现思路

一、总体思路：

　　1、表格无边框， 背景颜色 设置一种颜色（ # DC DF E6），这样表格的边框的颜色就是表格的背景颜色；

　　2、单元格间距为1px，背景颜色设置为 白色 （#FFFFFF）

 // CSS
    table { background:#DCDFE6; width: 100%; }
    table td { background:#FFFFF; }
    // HT ML 
    <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 表格边框 的实现思路, 希望对大家有所帮助 ，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你 觉得 本文对你有帮助，欢迎 转载 ，烦请注明出处，谢谢！

总结

以上是 为你收集整理的 HTML table 表格边框的实现思路 全部内容，希望文章能够帮你解决 HTML table 表格边框的实现思路 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于HTML table 表格边框的实现思路的详细内容...