因為表格中的tr并非單一的邊框，這樣便需要屬性border-collapse，border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示。

border-collapse:collapse;

要是不設置border-collapse:collapse; 而直接設置

tr{border:1px solid #DDDDDD;}

的話是沒有效果的，需要設置

table{border-collapse:collapse; }

這樣就能給table的tr設置邊框了

另外。ie6/7下不支持給tr設置邊框，只能這回th/td來實現了。

參數：

separate 默認值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。

collapse 如果可能，邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。

inherit 規定應該從父元素繼承border-collapse 屬性的值。

w3school在線教程連接：http://www.w3school.com.cn/css/pr_tab_border-collapse.asp

轉載于:https://blog.51cto.com/chenhuixfyy/1297705

總結

以上是生活随笔為你收集整理的CSS修改tr边框属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。