當使用IE瀏覽器時,我們經常會發現表格線顯示過多,影響閱讀和美觀度。如何去除這些表格線呢?
table { border-collapse: collapse; /* 去除表格邊框 */ border: none; } td, th { /* 去除單元格邊框 */ border: none; /* 去除單元格內部的空白 */ padding: 0; margin: 0; }
以上代碼是通過設置表格的邊框折疊屬性border-collapse
,使用none
來去除表格邊框,然后再針對單元格中的邊框和內部間距做處理。如此可以有效的去除IE瀏覽器下的表格線。
需要注意的是,如果要兼容其它瀏覽器,建議添加border-spacing: 0;
來確保表格與單元格之間的間距為0。
上一篇css里怎么看圖片
下一篇ie6支持css的濾鏡