因?yàn)楸砀裰械膖r并非單一的邊框，這樣便需要屬性border-collapse，border-collapse 屬性設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框，還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。

border-collapse:collapse;

要是不設(shè)置border-collapse:collapse; 而直接設(shè)置

tr{border:1px solid #DDDDDD;}

的話是沒有效果的，需要設(shè)置

table{border-collapse:collapse; }

這樣就能給table的tr設(shè)置邊框了

另外。ie6/7下不支持給tr設(shè)置邊框，只能這回th/td來實(shí)現(xiàn)了。

參數(shù)：

separate 默認(rèn)值。邊框會(huì)被分開。不會(huì)忽略border-spacing 和 empty-cells 屬性。

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

inherit 規(guī)定應(yīng)該從父元素繼承border-collapse 屬性的值。

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

轉(zhuǎn)載于:https://blog.51cto.com/chenhuixfyy/1297705

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。