在 CSS3 中，我們可以通過 background-size 屬性來定義背景圖片的大小。

background-size 可以接受不同的值：

background-size: auto; /* 默認值，背景圖片大小不變 */
background-size: length; /* 指定寬度或高度的像素值 */
background-size: percentage; /* 指定寬度或高度相對于容器大小的百分比 */
background-size: cover; /* 圖片盡可能覆蓋整個容器，可以裁剪 */
background-size: contain; /* 圖片盡可能顯示完整，不會裁剪 */

使用像素值設置背景圖片大小：

background-size: 500px 300px; /* 寬度為 500px，高度為 300px */
background-size: 100% 200px; /* 寬度為容器寬度的百分之百，高度為 200px */

使用百分比設置背景圖片大小：

background-size: 50% 100%; /* 寬度為容器寬度的百分之五十，高度為容器高度的百分之百 */
background-size: 150% auto; /* 寬度為容器寬度的百分之一百五十，高度為圖片原始尺寸 */

使用 cover 和 contain 屬性設置背景圖片大小：

background-size: cover; /* 圖片盡可能覆蓋整個容器，可以裁剪 */
background-size: contain; /* 圖片盡可能顯示完整，不會裁剪 */

總之，使用 background-size 屬性可以方便地控制背景圖片的大小和比例，讓網頁更加美觀。