实现HTML table表格边框方法_F11 - 专业站长和开发者的学习网站

一、总体思路：

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>

二、效果图