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 表格边框的实现思路,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣
- html5文档的基本结构及必要的注释(关于HTML5+ API plusready的兼容问题)
- html5 canvas 特效(JavaScript canvas实现流星特效)
- html5表单实例(使用HTML5和CSS3表单验证功能)
- html5定位地理位置(html5 制作地图当前定位箭头的方法示例)
- 如何替换html5视频播放器(HTML5自定义视频播放器源码)
- html5怎么修改背景颜色(HTML5 body设置全屏背景图片的示例代码)
- html5 固定图片(HTML5拖放API实现自动生成相框功能)
- html5课程入门(萌新的HTML5 入门指南)
- html5字体倾斜代码(html5响应式开发自动计算fontSize的方法)
- html5中的语义化标签有哪些(详解HTML5常用的语义化标签)
- html5可以做语音聊天吗(基于Html5实现的语音搜索功能)
- webgl api 源码(基于 HTML5 WebGL 实现的医疗物流系统)
- html 设置canvas的背景图可缩放(浅析canvas元素的html尺寸和css尺寸对元素视觉的影响)
- html5新增特性(总结html5自定义属性有哪些)
- 如何把织梦建站弄到自己的域名中(织梦建站访问首页时后面都会添加上index.html该如何去掉)
- php内置加密函数(php过滤htmlspecialchars 函数实现把预定义的字符转换为 HTML 实体用法分析)
- 阴阳师孟婆御魂推荐 孟婆御魂搭配毕业套(阴阳师孟婆御魂推荐)
- 袁冰妍终于接到新剧,饰演反追男主,看到合作演员 眼光果然毒辣(袁冰妍终于接到新剧)
- 记忆中的台词(记忆中的台词)
- 袁冰妍轧戏 拍《琉璃》的同时还在拍《将夜》,难怪被骂演技差(拍琉璃的同时还在拍将夜)
- 刚红就耍大牌,《琉璃》角色滤镜碎一地,心疼工作人员(琉璃角色滤镜碎一地)
- 袁冰妍郑业成这对可以处,有脸红情话他们是真的敢说(袁冰妍郑业成这对可以处)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9