欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML table 表格边框

程序员文章站 2022-08-08 16:06:47
一、总体思路: 1、表格无边框,背景颜色设置一种颜色(#DCDFE6),这样表格的边框的颜色就是表格的背景颜色; 2、单元格间距为1px,背景颜色设置为白色(#FFFFFF) 二、效果图 ......


一、总体思路:

  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 表格边框