在CSS3中，我們可以通過background-size屬性控制背景圖像的大小。該屬性接受兩個(gè)值，分別是寬度和高度。我們可以使用百分比值、長度值或關(guān)鍵字來設(shè)置背景大小。

background-size: 寬度 高度;

其中，“寬度”和“高度”可以使用以下任意一種值： 1. 百分比值 我們可以使用百分比值來設(shè)置背景大小，以背景容器的寬度和高度為基礎(chǔ)進(jìn)行計(jì)算。 例如，以下代碼會將背景圖片的寬度設(shè)置為父容器寬度的50%，高度設(shè)置為父容器高度的100%：

background-size: 50% 100%;

2. 長度值 我們也可以使用像素或em單位來指定背景大小。 例如，以下代碼會將背景圖片的寬度設(shè)置為200像素，高度設(shè)置為100像素：

background-size: 200px 100px;

3. 關(guān)鍵字 CSS3中還提供了cover和contain兩個(gè)關(guān)鍵字，用于設(shè)置背景圖片的大小。 cover：將背景圖片縮放至最大尺寸，以填充背景容器。背景圖片會被裁切，直到它填充滿整個(gè)背景容器。 contain：將背景圖片縮放至最小尺寸，以填充背景容器。背景圖片會保持完整，直到它完全可見為止。 例如，以下代碼會將背景圖片縮放至最大尺寸，以填充整個(gè)背景容器：

background-size: cover;

總之，我們可以利用CSS3的background-size屬性來設(shè)置背景圖片的大小，通過靈活地運(yùn)用不同的百分比、長度和關(guān)鍵字值，我們可以創(chuàng)建各種各樣的視覺效果，為頁面增添無限可能。