在CSS中,可以使用border-spacing
屬性來設(shè)置表格的間隙,這個(gè)屬性接受兩個(gè)值,***個(gè)值表示水平和垂直方向的間隙大小,第二個(gè)值表示單獨(dú)設(shè)置垂直方向的間隙大小。
如果你想設(shè)置一個(gè)表格的間隙為10像素,可以這樣寫:
table { border-spacing: 10px; }
如果你想分別設(shè)置水平和垂直方向的間隙大小,可以這樣做:
table { border-spacing: 5px 10px; }
在這個(gè)例子中,水平方向的間隙大小為5像素,垂直方向的間隙大小為10像素。
border-spacing
屬性只在CSS標(biāo)準(zhǔn)模式下有效,而在IE模式下可能不起作用,如果你需要在IE模式下也能設(shè)置表格間隙,可以使用cellspacing
屬性來替代。
<table cellspacing="10"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
在這個(gè)例子中,表格的間隙設(shè)置為10像素。cellspacing
屬性是HTML屬性,而不是CSS屬性,因此它只能在HTML元素中設(shè)置,而不能在CSS樣式表中設(shè)置。