在CSS中設(shè)置表格間距的方法
在CSS中,您可以使用border-spacing
屬性來設(shè)置表格的間距,這個屬性接受兩個值,***個值表示水平間距,第二個值表示垂直間距,您可以通過以下方式使用它:
1、在表格元素上設(shè)置border-spacing
屬性,如果您有一個table
元素,您可以這樣寫:
table { border-spacing: 10px 20px; }
這將設(shè)置表格的水平間距為10像素,垂直間距為20像素。
2、在表格的th
或td
元素上設(shè)置border-spacing
屬性,這只會影響該元素與其相鄰元素之間的間距。
table th, table td { border-spacing: 5px; }
這將設(shè)置表格中每個單元格與其相鄰單元格之間的間距為5像素。
border-spacing
屬性只在表格元素上使用有效,如果您在表格元素之外使用它,它將不起作用,該屬性的值可以是任何有效的CSS長度單位,如像素(px
)、毫米(mm
)、厘米(cm
)等。
希望這些信息能幫助您更好地在CSS中設(shè)置表格間距。