CSS背景圖片的設(shè)置大小可以通過(guò)以下步驟實(shí)現(xiàn):
1、在CSS中設(shè)置背景圖片,可以使用background-image
屬性。
body { background-image: url('image.jpg'); }
2、設(shè)置背景圖片的大小,可以使用background-size
屬性,該屬性可以指定圖片的寬度和高度,或者只指定一個(gè)值,另一個(gè)值會(huì)自動(dòng)縮放以保持原始圖片的寬高比。
body { background-image: url('image.jpg'); background-size: 200px 300px; }
上述代碼將圖片寬度設(shè)置為200像素,高度設(shè)置為300像素。
3、如果只想設(shè)置寬度或高度,可以使用width
或height
屬性。
body { background-image: url('image.jpg'); width: 200px; height: auto; }
上述代碼將圖片寬度設(shè)置為200像素,高度自動(dòng)縮放。
4、如果需要重置背景圖片的大小,可以使用background-size: initial;
。
body { background-image: url('image.jpg'); background-size: initial; }
上述代碼將重置背景圖片的大小為默認(rèn)值。
通過(guò)以上步驟,可以在CSS中靈活設(shè)置背景圖片的大小。