CSS表格隱藏背景色顯示背景圖的方法:
table { background: url(背景圖URL) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border-collapse: collapse; } table td { background: none!important; }
在CSS中使用背景圖可以增加網頁的美觀性。而在表格中使用背景色時,會使得表格變得不夠美觀并且有點單調。那么我們可以使用上述方法來隱藏背景色并顯示所需要的背景圖。
首先,在table的樣式中設置背景圖的URL,并設置其位置為中心,同時使用cover來進行適應屏幕大小的自適應設置。border-collapse為了保證邊框的不受影響。
然后,在表格中的每個
這樣一來就能夠很好地隱藏表格的背景色并顯示出完成的背景圖。在實際項目中我們可以根據需要自行調整樣式來達到更好的效果。
下一篇css提高等級