CSS中可以使用background-size
屬性來更改背景圖片的大小,該屬性可以指定背景圖片的寬度和高度,或者僅指定一個(gè)值,另一個(gè)值將自動縮放以保持原始圖片的寬高比。
要將背景圖片的寬度設(shè)置為100px,高度設(shè)置為50px,可以使用以下CSS代碼:
background-size: 100px 50px;
如果只想指定寬度,高度可以設(shè)置為auto
,CSS將自動計(jì)算高度以保持原始圖片的寬高比:
background-size: 100px auto;
CSS還支持使用百分比來指定背景圖片的大小,要將背景圖片的寬度設(shè)置為容器寬度的50%,高度設(shè)置為容器高度的30%,可以使用以下CSS代碼:
background-size: 50% 30%;
注意,在使用百分比時(shí),CSS將相對于包含塊的寬度和高度來計(jì)算背景圖片的大小,在使用百分比來指定背景圖片的大小時(shí),需要確保包含塊具有明確的寬度和高度。
CSS提供了多種方法來更改背景圖片的大小,可以根據(jù)具體需求選擇適合的方法。