背景圖大小設(shè)置是網(wǎng)頁設(shè)計中常用的技巧之一，可以幫助我們控制網(wǎng)頁的背景圖片的大小。在CSS中，我們可以使用background-size屬性來控制背景圖片的大小。下面，我們將詳細介紹如何使用CSS背景-size屬性來設(shè)置背景圖的大小。

1. 了解背景-size屬性的值

背景-size屬性有三個取值：

1) background-size: cover;

這個值表示將背景圖片鋪滿整個頁面。cover表示將圖片的大小設(shè)置為頁面的width和height的值的和。例如，如果頁面的width和height的值分別為1000px，那么背景圖片的大小將設(shè)置為1000px × 1000px。

2) background-size: contain;

這個值表示將背景圖片的部分元素包含在頁面中。 contain表示將圖片的大小設(shè)置為頁面的width和height的值的交集。例如，如果頁面的width和height的值分別為1000px，那么背景圖片的大小將設(shè)置為1000px × 80%，即800px × 20%。

3) background-size: auto;

這個值表示根據(jù)頁面的寬度自動調(diào)整背景圖片的大小。auto表示將背景圖片的大小設(shè)置為頁面width的1/2或頁面height的1/2。例如，如果頁面的width和height的值分別為1000px，那么背景圖片的大小將設(shè)置為500px × 500px。

2. 使用background-size屬性控制背景圖片的大小

使用background-size屬性控制背景圖片的大小時，我們需要先定義背景圖片的CSS樣式。例如，我們可以使用以下樣式來定義一個背景圖片：

```css

background: url(圖片地址) no-repeat center center fixed;

這個樣式中，background表示背景，url(圖片地址)表示背景圖片的URL地址，no-repeat表示背景圖片不重復，center表示背景圖片居中，center和 fixed表示背景圖片固定不變。

在瀏覽器中打開這個網(wǎng)頁，可以看到背景圖片的大小已經(jīng)設(shè)置好了。如果我們想要調(diào)整背景圖片的大小，只需要更改background-size的值即可。例如，如果我們想要將背景圖片的大小設(shè)置為800px × 20%，只需要將background-size的值設(shè)置為800px × 20%即可。

通過以上介紹，我們學會了如何使用CSS背景-size屬性來設(shè)置背景圖的大小。在實際工作中，我們可以根據(jù)具體情況靈活運用背景-size屬性，以達到最佳的效果。