怎么在HTML中实现table 表格边框

这篇文章给大家介绍怎么在html中实现table 表格边框，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

一、总体思路：

　　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有什么特点

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适合初学前端开发者使用。2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 3、平台无关性：超级文本标记语言能够在广泛的平台上使用，这也是万维网盛行的一个原因。4、通用性：HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

关于怎么在HTML中实现table 表格边框就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。