table的css屬性

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

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

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

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

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

?3.caption-side:設(shè)置表格標(biāo)題的位置。

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：設(shè)置是否顯示表格中的空格單元

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

不顯示效果：

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

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/Horsonce/p/7494848.html

總結(jié)

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

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