CSS修改tr邊框屬性

因為表格中的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

本文出自 “陳輝” 部落格，請務必保留此出處http://chenhuixfyy.blog.51cto.com/6136934/1297705