在CSS中,我們可以使用border-collapse
屬性來去除表格單元格之間的間距,這個屬性可以設置為collapse
值,表示相鄰單元格的邊框會合并在一起,從而消除間距。
下面是一個示例代碼,展示如何使用border-collapse
屬性去除表格間距:
<!DOCTYPE html> <html> <head> <style> table { border-collapse: collapse; } </style> </head> <body> <table> <tr> <td>單元格1</td> <td>單元格2</td> <td>單元格3</td> </tr> <tr> <td>單元格4</td> <td>單元格5</td> <td>單元格6</td> </tr> </table> </body> </html>
在這個示例中,table
元素上的border-collapse: collapse;
樣式聲明會合并相鄰單元格的邊框,從而消除間距,你可以根據(jù)需要調(diào)整表格的其他樣式,如背景色、字體顏色等。
版權(quán)聲明:除非特別標注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。