在CSS中,表格的樣式是可以通過CSS代碼進行自定義的。其中,添加底邊框線也是其中一種常見的自定義方式。
table{ border-collapse: collapse; border-spacing: 0; } td, th{ border-bottom: 1px solid #000; }
通過上述CSS代碼,我們可以實現(xiàn)對表格的底邊框線進行完美的自定義。在上述代碼中,首先通過border-collapse: collapse;
來讓表格的邊框合并成一條線,避免出現(xiàn)邊框重疊的情況;再通過border-spacing: 0;
來去除表格中的空隙,使得表格更加緊湊。接著,通過td, th{}
來定義每個單元格的樣式,其中border-bottom: 1px solid #000;
則是給每個單元格添加1像素粗細、顏色為黑色的底邊框線。這樣,我們就可以輕松的實現(xiàn)一個美觀且規(guī)整的表格,并且底邊框線也非常清晰。
上一篇css表格固定td高度
下一篇css改變ul列表符號