table的css屬性

border-collapse	設置是否把表格邊框合并為單一的邊框。
border-spacing	設置分隔單元格邊框的距離。
caption-side	設置表格標題的位置。
empty-cells	設置是否顯示表格中的空單元格。
table-layout	設置顯示單元、行和列的算法。

1.border-collapse：設置是否把表格邊框合并位單一邊框

table, td, th{border-collapse:separate;/*默認值，邊框會被分開*/border-collapse:collapse;/*如果可能，邊框會合并為一個單一的邊框*/border:1px solid black;}

2.border-spacing：設置分割單元格邊框的距離

table, td, th{border-collapse:separate;/*默認值，邊框會被分開*/border-spacing:10PX;border:1px solid black;}

?3.caption-side:設置表格標題的位置。

CSS代碼：

caption{caption-side:bottom }

HTML代碼：

<table border="1"><caption>This is a caption</caption><tr><td>Adams</td><td>John</td></tr><tr><td>Bush</td><td>George</td></tr> </table>

效果：

4.empty-cells：設置是否顯示表格中的空格單元

table {border-collapse: separate;empty-cells: hide;empty-cells:show; }

不顯示效果：

5.table-layout：設置顯示單元、行和列的算法。

table{table-layout:automatic;table-layout:fixed;}

?

轉載于:https://www.cnblogs.com/Horsonce/p/7494848.html

總結

以上是生活随笔為你收集整理的【CSS3】table的css属性的全部內容，希望文章能夠幫你解決所遇到的問題。

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