在CSS中,可以使用border-spacing
屬性來調(diào)整表格間距,這個屬性可以定義表格中相鄰單元格之間的空白距離。
如果你想設(shè)置表格中相鄰單元格之間的空白距離為10像素,可以使用以下CSS代碼:
table { border-spacing: 10px; }
如果你想分別設(shè)置水平和垂直方向的間距,可以使用兩個值,***個值表示水平間距,第二個值表示垂直間距。
table { border-spacing: 5px 10px; }
上述代碼將水平間距設(shè)置為5像素,垂直間距設(shè)置為10像素。
border-spacing
屬性只在表格的邊框模式下有效,即border-style
屬性為solid
、double
或groove
等,如果border-style
屬性為hidden
或none
,則border-spacing
屬性將不起作用。
如果你使用的是CSS3的border-radius
屬性來設(shè)置表格的圓角邊框,那么border-radius
屬性也會影響到表格的間距,在調(diào)整表格間距時,還需要注意border-radius
屬性的值。