最近在做網頁制作的過程中,碰到了一個奇怪的問題,就是CSS表格的邊框全部都不顯示出來了。經過反復調試和查找資料,最終找到了解決辦法。
table { border-collapse: collapse; } td, th { border: 1px solid black; }
這段代碼中,我們發現使用了border-collapse屬性設置表格的邊框合并方式為collapse(合并),意味著相鄰的單元格邊框被合并為一個邊框,這個屬性會導致單元格的邊框無法顯示出來,但是我們又需要單元格有邊框,這時就需要使用td和th選擇器來設置邊框的樣式。通過設置邊框寬度、邊框樣式以及邊框顏色等屬性,我們可以在表格中添加邊框。
總之,這是一個比較常見的問題,如果你遇到了CSS表格所有框都不顯示出來的情況,不妨嘗試一下上面的解決辦法。
上一篇css表格寬度自定義