在Web開發(fā)中，CSS是網(wǎng)頁設(shè)計(jì)中最重要的一部分，可以通過CSS來美化頁面效果。其中，設(shè)置背景圖的大小是使用CSS的一種常見操作方法。今天我們就來講一下，如何使用CSS設(shè)置背景圖的大小。 使用CSS設(shè)置背景圖大小的方法主要有兩種，一種是使用background-size屬性來設(shè)置背景圖的大小，另一種是通過設(shè)置容器的寬高來改變背景圖的大小。 方法一：使用background-size屬性 通過使用background-size屬性，可以很方便地設(shè)置背景圖的大小。具體語法如下： ``` background-size: 寬度 高度; ``` 其中，寬度和高度可以使用具體的像素值，也可以使用百分比來表示。比如： ``` background-size: 100px 200px; /* 使用像素值 */ background-size: 50% 60%; /* 使用百分比 */ ``` 除了以上兩種方式，還可以使用cover和contain等關(guān)鍵字來控制背景圖的縮放方式。cover會(huì)讓背景圖鋪滿整個(gè)容器，但可能會(huì)出現(xiàn)裁剪；而contain則會(huì)讓背景圖完全顯示在容器中，但可能會(huì)有留白。 ``` background-size: cover; /* 鋪滿整個(gè)容器 */ background-size: contain; /* 完全顯示在容器中 */ ``` 方法二：通過設(shè)置容器的寬高 另一種方法是通過改變?nèi)萜鞯膶捀邅砀淖儽尘皥D的大小。具體語法如下： ``` div { width: 寬度; height: 高度; background-image: url(背景圖地址); background-repeat: no-repeat; /* 不重復(fù) */ background-position: center; /* 居中顯示 */ } ``` 通過設(shè)置容器的寬高，可以更加精確地控制背景圖的大小和位置。但需要注意的是，在使用該方法時(shí)，需要將background-image屬性的值設(shè)置為背景圖的地址，同時(shí)要設(shè)置background-repeat為不重復(fù)，否則會(huì)出現(xiàn)重復(fù)鋪滿整個(gè)容器的情況。 綜上所述，使用CSS設(shè)置背景圖的大小有兩種方法，一種是使用background-size屬性，另一種是通過設(shè)置容器的寬高。可以根據(jù)實(shí)際需要選擇相應(yīng)的方法來控制背景圖的大小。