tr是html標簽中行的標記,在web開發中,有時候我們為了美觀需要修改行的屬性。比如tr的邊框。如果我們按照如下的形式修改tr的屬性就大錯特錯了.
tr{
border:1px solid #DDDDDD;
}
這樣是沒有任何效果的。因為表格中的tr并非單一的邊框,這樣便需要屬性border-collapse,border-collapse 屬性設置表格的邊框是否被合并為一個單一的邊框,還是象在標準的 HTML 中那樣分開顯示。
實例:為表格設置合并邊框模型:
table{
border-collapse:collapse;
}
參數:
separate 默認值。邊框會被分開。不會忽略border-spacing 和 empty-cells 屬性。
collapse 如果可能,邊框會合并為一個單一的邊框。會忽略 border-spacing 和 empty-cells 屬性。
inherit 規定應該從父元素繼承border-collapse 屬性的值。
新聞熱點
疑難解答