在CSS中,可以使用background-size
屬性來設(shè)置背景圖的大小,這個(gè)屬性接受兩個(gè)值:寬度和高度,你可以分別指定它們的像素值、百分比或者auto值。
如果你想要將背景圖的寬度設(shè)置為100像素,高度設(shè)置為200像素,你可以這樣寫:
div { background-image: url('path/to/your/image.jpg'); background-size: 100px 200px; }
如果你想要將背景圖的寬度設(shè)置為原始大小的50%,高度設(shè)置為原始大小的75%,你可以這樣寫:
div { background-image: url('path/to/your/image.jpg'); background-size: 50% 75%; }
如果你只指定了一個(gè)值,那么另一個(gè)值會(huì)自動(dòng)計(jì)算以保持原始的長寬比。
div { background-image: url('path/to/your/image.jpg'); background-size: 100px; }
在這個(gè)例子中,高度會(huì)自動(dòng)計(jì)算為保持原始的長寬比。
background-size
屬性會(huì)改變背景圖的大小,但不會(huì)改變背景圖的位置,如果你想要同時(shí)改變大小并調(diào)整位置,你可能需要使用background-position
屬性。