在CSS中,可以使用背景尺寸屬性(background-size)來(lái)改變背景圖的大小,這個(gè)屬性接受兩個(gè)值,分別是寬度和高度,你可以根據(jù)需要設(shè)置具體的尺寸。
如果你想要將背景圖的寬度設(shè)置為100px,高度設(shè)置為200px,你可以這樣寫:
div { background-image: url('your-image-url'); background-size: 100px 200px; }
如果你只設(shè)置了一個(gè)值,那么另一個(gè)值會(huì)自動(dòng)保持原圖的比例,如果你只設(shè)置了寬度:
div { background-image: url('your-image-url'); background-size: 100px; }
那么高度會(huì)自動(dòng)計(jì)算,保持原圖的長(zhǎng)寬比。
你還可以使用cover或contain關(guān)鍵字來(lái)設(shè)置背景圖的大小,cover會(huì)使背景圖完全覆蓋元素,而contain則會(huì)保持原圖的比例,但可能會(huì)留下空白邊緣。
div { background-image: url('your-image-url'); background-size: cover; }
或者:
div { background-image: url('your-image-url'); background-size: contain; }
這樣,你就可以在CSS中輕松改變背景圖的大小了,希望這篇文章對(duì)你有所幫助!