欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css表格隱藏背景色顯示背景圖

韓華玲1年前7瀏覽0評論

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為了保證邊框的不受影響。

然后,在表格中的每個標簽中設置其背景為“none!important”,這是為了使整個表格中的背景色不再顯示,而顯示出我們需要的背景圖。

這樣一來就能夠很好地隱藏表格的背景色并顯示出完成的背景圖。在實際項目中我們可以根據需要自行調整樣式來達到更好的效果。