怎么样给tr添加下边框

怎么样给tr添加下边框

直接给tr标签添加如下代码：在这里插入代码片

tr {
border-bottom: 1px solid #ccc;
}
运行后发现，表格没有变化。思考后才知道，表格table有一个默认属性border-collapse。
参数如：
1.* separate* 默认值。边框会被分开。不会忽略border-spacing 和 empty-cells 属性。
该默认属性如下：

2.* collapse* 如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。

3. • inherit* 规定应该从父元素继承border-collapse 属性的值。
     这样综合一番尝试就找到了原因，单一的设置了tr的边框是没有效果的，应该先把table的border-collapse设置为collapse，将边框合并为一个单一的边框，这样就能设置这个tr的下边框了。