CSS表格是網頁設計中必不可少的組件之一。在制作表格時,如何設置表格的邊框和樣式都是需要考慮的問題之一。本文將介紹如何使用CSS讓表格邊框都為1px。
table{ border-collapse: collapse; } td, th{ border: 1px solid #000000; }
首先需要使用border-collapse
屬性來讓表格的邊框合并為一個單一邊框,避免在某些瀏覽器上出現間距和重復邊框等情況。默認情況下,border-collapse
屬性值為separate
,即每個單元格都有自己的邊框。
通過將border-collapse
設置為collapse
,可以讓單元格的邊框融合在一起。此時還需要通過設置border
屬性來指定邊框樣式和寬度。
在上面的代碼中,td
和th
表示表格中的單元格和表頭單元格,其中border
屬性設置的值為1px solid #000000
,即邊框寬度為1像素,樣式為實線,顏色為黑色。
通過上述方式設置表格的邊框樣式,可以實現邊框都為1px的效果,讓表格看起來更加整潔美觀。
上一篇java門面和包裝的區別
下一篇css表格邊框線2像素