在CSS中,我們可以通過設置邊框來讓表格顯示實線。下面是一些示例代碼:
table { border-collapse: collapse; } td, th { border: 1px solid black; }
上面的代碼中,border-collapse: collapse;
用于把相鄰的邊框合并成單一的邊框,可以讓表格看起來更加整潔。
而border: 1px solid black;
則是用來設置表格中單元格(td)和表頭單元格(th)的邊框。其中,1px
表示邊框寬度為1像素,solid
表示邊框樣式為實線,black
表示邊框顏色為黑色。
如果要讓表格中的某些單元格顯示不同的邊框樣式,可以在td
或th
中添加額外的屬性。例如:
td.top { border-top: 2px dashed blue; } td.bottom { border-bottom: 2px dotted red; }
上面的代碼中,td.top
和td.bottom
分別表示表格中具有top
和bottom
類名的單元格。通過在td.top
中添加border-top: 2px dashed blue;
,可以讓該單元格的上邊框顯示為2像素寬的破折線,顏色為藍色。
在td.bottom
中,我們則使用border-bottom: 2px dotted red;
來讓該單元格的下邊框顯示為2像素寬的點狀線,顏色為紅色。
上一篇css如何設置容器寬
下一篇ajax如何傳遞請求參數