table无法设置tr边框的原因与解决方法

html中table设置tr行边框

由于table中的每个单元格都有独立的边框，即每个td都有自己的边框，而一个tr中包含多个td。如下图所示，各个td中有间隔

即无法为tr设置边框。
要想为tr设置边框，需将tr中所有的td共享一个边框。
在table样式中加入

border-collapse: collapse;

即将td合并为一个单一的边框，从而可以对tr进行边框设置。
当然可以以在table中设置cellspacing为0，即td之间无间隔，再设置border，各个td之间的边框便可以连接起来，从而也相当于为tr设置了边框。