由于table中的每个单元格都有独立的边框，即每个td都有自己的边框，而一个tr中包含多个td。如下图所示，各个td中有间隔
image.png
即无法为tr设置边框。
要想为tr设置边框，需将tr中所有的td共享一个边框。
在table样式中加入
border-collapse: collapse;
即将td合并为一个单一的边框，从而可以对tr进行边框设置。
当然可以以在table中设置cellspacing为0，即td之间无间隔，再设置border，各个td之间的边框便可以连接起来，从而也相当于为tr设置了边框。
01表格-table常见元素 table tr td 02表格-tr和td相关属性设置 03表格-边框合并属性 b...
ie浏览器上IE9兼容问题 IE9下table th不显示边框解决方法，添加下面两行样式即可 th, tr,td{...
方法一：缺点：导出的Excel文件，单元格边框丢失；解决方法：把数据写入到table里面（为table写边框样式）...
1.想要固定table的td的宽度需要给table设置 table-layout:fixed; 2.设置tr的pa...
1、table定义 tr行 th 表头 td表内容 2、表格的CSS属性 解决双边框问题。 给table宽度将会把...
今天遇到了一个问题，想给table加边框，实现这样一个效果： HTML代码 CSS代码 一开始我想的很简单，给tr...
常规表格 给 标签设置 .table 类 条纹表格 增加设置 table-striped 类 带边框表格 增加...
一、去掉默认样式 去掉 table 默认边框， 去掉 img 默认边框,图片设置 display: block，...
html - table细边框，表格不被撑开，td某些列宽度固定某些列自适应 1，实现table细边框,设置如下c...
一 、table Border=”1” 展示边框，不设置没有边框线 Width=”500” 宽度 He...
本文标题：table无法设置tr边框的原因与解决方法
本文链接：https://www.haomeiwen.com/subject/dmczvdtx.html
网友评论