在CSS中,我們可以使用background-size
屬性來設(shè)置背景圖片的大小,這個屬性接受兩個值:寬度和高度,你可以分別指定寬度和高度,或者只指定一個值,另一個值會自動縮放以保持原始圖片的寬高比。
如果你想要將背景圖片設(shè)置為寬度為200px,高度為300px,你可以這樣寫:
div { background-image: url('your-image-url'); background-size: 200px 300px; }
如果你只指定寬度,高度會自動縮放:
div { background-image: url('your-image-url'); background-size: 200px; }
CSS還支持使用百分比來設(shè)置背景圖片的大小,如果你想要背景圖片的寬度占其父元素的50%,你可以這樣寫:
div { background-image: url('your-image-url'); background-size: 50%; }
在這種情況下,高度也會自動縮放以保持原始的寬高比。
background-size
屬性僅適用于CSS3及更高版本,在使用之前,請確保你的瀏覽器支持CSS3的background-size
屬性。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時請以鏈接形式注明文章出處。