CSS設(shè)置表格的行列間距
在CSS中,我們可以使用border-spacing
屬性來設(shè)置表格的行列間距,這個屬性可以接收兩個值,分別代表水平和垂直方向的間距,下面是一個簡單的例子:
table { border-spacing: 10px 20px; }
在這個例子中,10px
表示水平方向的間距,20px
表示垂直方向的間距,你可以根據(jù)需要調(diào)整這些值。
如果你想分別設(shè)置行和列的間距,可以使用border-top-width
、border-right-width
、border-bottom-width
和border-left-width
屬性。
table { border-top-width: 10px; border-right-width: 20px; border-bottom-width: 30px; border-left-width: 40px; }
在這個例子中,行的間距由border-top-width
和border-bottom-width
決定,列的間距由border-right-width
和border-left-width
決定。
這些屬性只在CSS中有意義,HTML中的表格邊框?qū)挾龋ㄓ?code><table>元素的border
屬性控制)不會影響這些CSS屬性的效果。