在CSS中,我們可以使用background-size
屬性來設(shè)置背景圖片的大小,這個(gè)屬性接受兩個(gè)值:寬度和高度,你可以分別指定寬度和高度,或者只指定一個(gè)值,另一個(gè)值會自動縮放以保持原始圖片的寬高比。
如果你想要將背景圖片設(shè)置為寬度為200px,高度為300px,你可以這樣寫:
div { background-image: url('your-image-url'); background-size: 200px 300px; }
如果你只指定寬度,高度會自動縮放:
div { background-image: url('your-image-url'); background-size: 200px; }
如果你想要背景圖片完全填充容器,你可以使用cover
關(guān)鍵字:
div { background-image: url('your-image-url'); background-size: cover; }
這樣,背景圖片就會盡可能填充整個(gè)容器,同時(shí)保持原始圖片的寬高比,如果你想要背景圖片居中顯示,可以再添加background-position: center;
。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。