在CSS中,可以使用border-collapse
屬性來取消表格間隙,這個(gè)屬性可以指定表格的邊框是否應(yīng)該被合并成一個(gè)單一的邊框,或者是否應(yīng)該保持單獨(dú)。
要取消表格間隙,可以將border-collapse
屬性設(shè)置為collapse
,這樣表格的邊框就會(huì)被合并成一個(gè)單一的邊框,間隙就會(huì)被取消。
假設(shè)你有一個(gè)HTML表格,它的樣式如下:
<table style="border: 1px solid black; border-collapse: separate;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
在這個(gè)例子中,表格的邊框被設(shè)置為separate
,這意味著每個(gè)單元格的邊框都是單獨(dú)的,間隙沒有被取消。
要將間隙取消,可以將border-collapse
屬性設(shè)置為collapse
:
<table style="border: 1px solid black; border-collapse: collapse;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
表格的邊框已經(jīng)被合并成一個(gè)單一的邊框,間隙已經(jīng)被取消。