html如何给table加边框(HTML table 表格边框的实现思路)
类别:Web前端 浏览量:2439
时间:2021-10-07 00:41:36 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 table 表格边框的实现思路,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣
- Server对象的HtmlEncode和UrlEncode
- html5+css样式代码(详解HTML5中CSS外观属性)
- html5背景怎么变色(HTML5 背景的显示区域实现)
- html5播放代码(html5 video全屏播放/自动播放的实现示例)
- 简述css在html页面中的使用方法(10分钟理解CSS BFC原理及其应用)
- html5canvas画图有什么用(Html5基于canvas实现电子签名并生成PDF文档)
- UrlHelper、HtmlHelper的使用
- html5 meta标签
- html5如何控制内容(html5拖拽应用记录及注意点)
- html的css中怎么选择第三个子元素(CSS中 opacity的设置影响了index层数的改变的问题总结推荐)
- html5能取数据库吗(HTML5 客户端数据库简易使用:IndexedDB)
- html5手机字体怎么设置(html5给汉字加拼音加进度条的实现代码)
- IIS7支持html中<!--#include --> 包含文件的方法
- html5基本标签详解(详解HTML5布局和HTML5标签)
- html网页设计排版布局(HTML利用九宫格原理进行网页布局)
- 微信html隐藏功能(使用Html5多媒体实现微信语音功能)
- 佛肚竹盆景的养护之道(佛肚竹盆景的养护之道)
- 包水饺(包水饺手法怎么包视频)
- 越南河粉(越南河粉来自哪里)
- 按这几方面养护佛肚竹盆景,保证枝叶繁茂,造型优美(按这几方面养护佛肚竹盆景)
- 冰岛旅游攻略(冰岛旅游攻略及花费八日游)
- 寒假旅游攻略(成都寒假旅游攻略)
热门推荐
- tomcat在linux系统安装步骤(Tomcat的卸载和重装的实现图文)
- python中的类和对象的定义和使用(Python类的继承、多态及获取对象信息操作详解)
- python使用门算法加密文件(python实现可逆简单的加密算法)
- python3的循环怎么用(对Python3 goto 语句的使用方法详解)
- python操作json库(Python将json文件写入ES数据库的方法)
- html怎么使用css居中(HTML+CSS实现单列布局水平居中布局)
- virtual和abstract的区别
- sql设计数据库过程文字详述(Sql Server 数据库中调用dll文件的过程)
- 学python从零基础到开发游戏(python开发游戏的前期准备)
- snmp配置实例(SNMP4J服务端连接超时问题解决方案)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9