1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 表格线边框重复css解决方法【HTML】

表格线边框重复css解决方法【HTML】

时间:2022-01-09 03:35:37

相关推荐

表格线边框重复css解决方法【HTML】

web前端|html教程

表格线边框重复css解决方法

web前端-html教程

1、td 的边框和table 的边框重叠

报表系统.net源码下载,vscode右侧预览关掉,ubuntu 栈大小,tomcat日志查错,qt调用sqlite数据库,up主通过爬虫可以实现什么,php 正则排除,蚌埠seo推广哪家强,新闻网站banner,php留言板网页模板下载,软件展示模板下载lzw

.table { border-left:1px solid #dedede; border-top:1px solid #dedede;}

织梦 怎样导入源码,ubuntu 升级单个包,通过命令行运行tomcat,java web反爬虫,php开发工程师笔试题,seo118811lzw

.td { border-right:1px solid #dedede; border-bottom:1px solid #dedede;}

易语言 大数源码,vscode颜色主题哪个好看,ubuntu监视器,idea重启tomcat,sqlite 多行,网页设计行业趋势,sql数据库访问量,网站服务器组建,phpcms 稿件统计插件,elementUI前端框架,大爬虫箱,php播放器,seo有哪些技术,springboot数据装载,dede上一页下一页标签,如何在自己网站添加论坛插件,易语言获取网页源代码,第三方微信页面模板,dede dede后台,asp制作投票页面,家教管理系统源码下载,wap彩票小偷程序lzw

table 只用左边框和上边框,每个td只有右边框和下边框,效果就是整个表格左、上边框是连续实线,右、下边框是延续td的边框所以是断断续续的

解决方法:

.table {border:1px solid #dedede; border-collapse:collapse;}

.td {border:1px solid #dedede; } 橘色字体是关键,边框设置也不用分上下左右了,重叠的话会一个覆盖另一个

firefox中:td的border覆盖table 的,IE中table 的border覆盖td的,我这里border颜色一样,无所谓了

表格线常见问题:

1.表格边框与表格单元格线的重叠。[采用border-collapse:collapse解决]

2.嵌套表格与被嵌套表格边线重叠问题。[采用border-top|left|right|bottom解决]

3.嵌套表格与被嵌套表格对不齐的问题。[采用table-layout: fixed;解决]

4.border-collapse有两个属性,separate 和 collapse 。

separate是默认属性,表格边框默认有1px 的间隙,在表格排版时代,设置好表格背景色,我们曾用它来挤出版块的外边框;

collapse,是将表格边框的间隙去掉,这样给表格的td边框赋值时就不会产生双线框了。

Demo:没有设置collapse属性的双线表格

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。