CSS: modifying tr border attributes

Because the tr in the table is not a single border, you need to set the border-collapse and border-collapse attributes to set whether the border of the table is merged into a single border, it is also displayed separately as in standard HTML.

border-collapse:collapse;

If you do not set border-collapse: collapse, directly set

tr{                                                                                  border:1px  solid #DDDDDD;                                                                               }

It is ineffective and needs to be set

table{   border-collapse:collapse;}

In this way, you can set the border for the tr of the table.

In addition. In ie6/7, the border setting for tr is not supported. It can only be implemented in th/td.

Parameters:

SeparateDefault value. Borders are separated. The border-spacing and empty-cells attributes are not ignored.

CollapseIf possible, the border is merged into a single border. The border-spacing and empty-cells attributes are ignored.

InheritSpecify that the value of the border-collapse attribute should be inherited from the parent element.

W3school online tutorial connection: http://www.w3school.com.cn/css/pr_tab_border-collapse.asp

This article from "Chen Hui" blog, please be sure to keep this source http://chenhuixfyy.blog.51cto.com/6136934/1297705