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 video进入全屏和退出全屏的实现方法)
- html5标签怎么做(html5用video标签流式加载的实现)
- html结合css实现简单网页(基于HTML+CSS实现网页滑动门效果)
- html如何定义添加的图片的宽和高(为何img、input等内联元素可以设置宽高)
- html怎么设置地图(HTML5获取当前地理位置并在百度地图上展示的实例)
- html 设置canvas的背景图可缩放(浅析canvas元素的html尺寸和css尺寸对元素视觉的影响)
- Html5新增的标签
- canvas处理图片风格(html2 canvas生成清晰的图片实现打印功能)
- html5菜单栏(html5写一个BUI折叠菜单插件的实现方法)
- html5实现上传图片预览
- html5如何使用svg(将SVG图引入到HTML页面的实现)
- pythonhtml文件分析(对Python3 解析html的几种操作方式小结)
- html5如何设置标签(HTML5中在title标题标签里设置小图标的方法)
- html5课程入门(萌新的HTML5 入门指南)
- python转pdf教程(Python实现将HTML转成PDF的方法分析)
- html自适应怎么没有滚动条(如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度)
- 鞠婧祎和杨紫两种风格的女生,你心里谁比较美(鞠婧祎和杨紫两种风格的女生)
- 三千年第一美女鞠婧祎出演白素贞pk杨紫,颜值胜赵雅芝王祖贤(三千年第一美女鞠婧祎出演白素贞pk杨紫)
- 成都轨道交通13号线一期工程最新进展(成都轨道交通13号线一期工程最新进展)
- 越南没事(越南没事情做)
- 重庆旅游攻略(重庆旅游3-4天攻略最佳线路)
- 周杰伦演唱会门票(周杰伦演唱会门票多少钱一张2023)
热门推荐
- dedecms标签调用(dedecms获取文档当前栏目所在目录链接URL)
- python做学生成绩系统(python学生管理系统)
- dede发布不了文章(dede中统计栏目文章数的2种实现方法)
- TortoiseSVN客户端更改用户名和密码
- js array的所有方法(js 数组 find,some,filter,reduce区别详解)
- 织梦dedecms标签手册(织梦DEDECMS网站安全攻略之修改data目录名称方法步骤)
- dedecsm模板中首页如何实现分页的三种方法比较分析(dedecsm模板中首页如何实现分页的三种方法比较分析)
- 如何打开docker容器端口号(Docker容器网络端口配置过程详解)
- 织梦dede数据库(dedeCMS 织梦的日期时间格式大全最新)
- 详解Vue3中Teleport的使用(详解Vue3中Teleport的使用)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9