在CSS中,您可以通過設(shè)置border-spacing
屬性來增加表格間距,這個(gè)屬性接受兩個(gè)值,分別代表水平和垂直方向的間距,如果您想將表格的水平和垂直間距都設(shè)置為10像素,您可以這樣寫:
table { border-spacing: 10px 10px; }
這將使表格中的每個(gè)單元格之間都有10像素的水平和垂直間距。
您也可以通過設(shè)置border-collapse
屬性來更改表格的邊框處理,默認(rèn)情況下,表格的邊框是合并的(border-collapse: collapse;
),這意味著相鄰單元格的邊框會(huì)合并在一起,形成一個(gè)單一的邊框,如果您想在每個(gè)單元格之間保留一定的距離,可以將border-collapse
設(shè)置為separate
,這樣每個(gè)單元格的邊框就會(huì)分開顯示,形成一定的間距。
table { border-collapse: separate; border-spacing: 10px 10px; }
這種方法將使表格中的每個(gè)單元格之間都有10像素的間距,并且邊框分開顯示。
這些設(shè)置可能會(huì)受到其他樣式的影響,因此在實(shí)際應(yīng)用中可能需要一些調(diào)整以達(dá)到***佳效果。