在CSS中,可以使用border-collapse
屬性來控制表格內(nèi)部的線,將該屬性設(shè)置為collapse
可以去除表格內(nèi)部的線,而設(shè)置為separate
則可以顯示表格內(nèi)部的線。
假設(shè)你有一個HTML表格,其樣式如下:
<table style="border-style: solid; border-width: 1px; border-color: #000; border-collapse: separate;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
在這個例子中,表格內(nèi)部的線會顯示出來,如果你想去掉這些線,可以將border-collapse
屬性設(shè)置為collapse
:
<table style="border-style: solid; border-width: 1px; border-color: #000; border-collapse: collapse;"> <tr> <td>Cell 1</td> <td>Cell 2</td> </tr> <tr> <td>Cell 3</td> <td>Cell 4</td> </tr> </table>
表格內(nèi)部的線就不會顯示出來了,注意,這種方法只會影響表格內(nèi)部的線,不會影響表格邊框或其他樣式的設(shè)置。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。