背景圖片CSS大小調(diào)整
在CSS中,我們可以使用background-size
屬性來調(diào)整背景圖片的大小,這個(gè)屬性接受兩個(gè)值:寬度和高度,你可以分別指定寬度和高度,或者只指定一個(gè)值,另一個(gè)值會(huì)自動(dòng)縮放以保持原始圖片的寬高比。
如果你想要將背景圖片的寬度調(diào)整為100px,高度自動(dòng)縮放,你可以這樣寫:
.div { background-image: url('path/to/image.jpg'); background-size: 100px auto; }
如果你想要將背景圖片的高度調(diào)整為200px,寬度自動(dòng)縮放,你可以這樣寫:
.div { background-image: url('path/to/image.jpg'); background-size: auto 200px; }
如果你想要將背景圖片的寬度和高度都調(diào)整為150px,你可以這樣寫:
.div { background-image: url('path/to/image.jpg'); background-size: 150px 150px; }
注意,background-size
屬性的值可以是像素(px)、百分比(%)或者其他的長(zhǎng)度單位,如果你想要將背景圖片的大小調(diào)整為原始大小的50%,你可以這樣寫:
.div { background-image: url('path/to/image.jpg'); background-size: 50% 50%; }
這樣,背景圖片的大小就會(huì)被調(diào)整為原始大小的50%。