CSS中的表格單元格邊距是一個很重要的屬性,可以控制表格單元格之間的距離。該屬性可以應(yīng)用于整個單元格或者單元格的上、下、左、右四個方向。默認(rèn)情況下,單元格之間的邊距是0。
table { border-collapse: collapse; } td { padding: 10px; border: 1px solid black; /* 上下左右都有邊距 */ } td.top { padding-top: 10px; border-top: 1px solid black; /* 上方有邊距 */ } td.right { padding-right: 10px; border-right: 1px solid black; /* 右側(cè)有邊距 */ } td.bottom { padding-bottom: 10px; border-bottom: 1px solid black; /* 下方有邊距 */ } td.left { padding-left: 10px; border-left: 1px solid black; /* 左側(cè)有邊距 */ }
以上代碼中,我們首先使用border-collapse屬性將表格的邊框合并成一個,然后使用padding屬性為所有單元格添加10像素的邊距,并使用border屬性為所有單元格添加1像素的邊框。
如果需要為單獨的單元格添加邊距和邊框,我們可以使用padding-top、padding-right、padding-bottom、padding-left屬性為單元格添加上、右、下、左四個方向的邊距。類似地,我們可以使用border-top、border-right、border-bottom、border-left屬性為單元格添加上、右、下、左四個方向的邊框。
總之,CSS中的表格單元格邊距是一個十分實用和靈活的屬性,可以幫助我們設(shè)計出漂亮并且易于閱讀的網(wǎng)頁。