CSS表格左邊框無法打印的問題
在使用CSS樣式設計表格時,可能會發現表格的左邊框無法打印出來,這是因為CSS樣式中默認的邊框在打印時會被隱藏掉。這種情況下我們需要對CSS樣式做出一些修改,讓表格的左邊框也能夠打印出來。
table { border-collapse: collapse; } td, th { border: 1px solid #000; padding: 10px; } @media print { td, th { border-left: 1px solid #000; } }
上述代碼中,我們首先將表格進行了合并邊框的設置,并設置了表格單元格的邊框和內邊距。在@media print樣式中,我們對表格單元格的左邊框做出了修改,將左邊框的寬度設置為1px,并設置顏色為黑色。
通過以上的代碼設置,我們可以使得在打印表格的時候左邊框也能夠正常顯示。
上一篇css表格在線生成器
下一篇css表格把圖片放右邊