在CSS中,我們可以使用邊距屬性來調整表格的邊距。表格的邊距可以是表格與表格邊框之間的距離,也可以是表格與其周圍元素之間的距離。
下面是調整表格邊距的代碼示例:
table { border-collapse: collapse; //合并表格邊框 margin: auto; //水平居中 } th, td { padding: 10px 20px; //單元格內邊距 border: 1px solid black; //單元格邊框 } caption { margin-bottom: 20px; //表格標題與表格之間的距離 }
在上述代碼中,我們首先使用了border-collapse屬性來將表格邊框合并為單一邊框。接著,我們使用margin:auto屬性將表格水平居中。
對于表格中的單元格,我們使用padding屬性來設置單元格內的邊距,并使用border屬性設置單元格的邊框。
如果我們需要在表格之上或之下添加標題,我們可以使用caption屬性并設置其margin-bottom屬性來調整標題與表格之間的距離。
通過調整這些屬性,我們可以輕松地控制表格的邊距,使其符合網站的整體布局和設計。
上一篇css表格每一行點擊事件
下一篇css揭秘全彩印刷