CSS可以非常方便地設置背景圖,但是能否設置背景圖的大小呢?下面我們來探討一下。
/* 設置背景圖片 */ body { background-image: url("bg.jpg"); } /* 設置背景圖片大小為100% */ body { background-image: url("bg.jpg"); background-size: 100%; } /* 設置背景圖片寬度為100% */ body { background-image: url("bg.jpg"); background-size: 100% auto; } /* 設置背景圖片高度為100% */ body { background-image: url("bg.jpg"); background-size: auto 100%; } /* 設置背景圖片覆蓋整個頁面 */ html, body { height: 100%; background-image: url("bg.jpg"); background-size: cover; } /* 設置背景圖片平鋪 */ body { background-image: url("bg.jpg"); background-repeat: repeat; }
從上面的代碼可以看出,CSS可以通過設置background-size屬性來控制背景圖的大小。我們可以將其設置為百分比、auto、cover等不同的值來達到不同的效果。同時,我們還可以通過設置background-repeat屬性來控制背景圖的平鋪方式。
總之,CSS提供了多種方法來設置背景圖的大小,我們可以根據具體情況選擇最適合的方式。
上一篇vue獲取動態路由的數據
下一篇css自動截取字符串