在網頁設計中，經常會用到背景圖片來增強頁面的視覺效果。在 CSS 中，可以通過 background-image 屬性來給元素添加背景圖片，下面是一個例子：

.box{
background-image: url("img/bg.jpg");
}

上面的代碼中，.box 是一個類選擇器，表示所有帶有 class="box" 的元素都會添加背景圖片。background-image 屬性后面跟著一個圖片鏈接，用引號將其括起來。

如果有多張圖片想要組成背景，可以使用 background 屬性，下面是一個例子：

.box{
background: url("img/bg1.jpg") center top no-repeat, url("img/bg2.jpg") center bottom no-repeat;
}

上面的代碼中，通過使用逗號將兩張圖片鏈接分開，實現了將兩張圖片疊加到一起來作為背景的效果。其中，center 表示圖片應該水平居中，top 和 bottom 分別表示第一張圖片垂直居中在上方，第二張圖片垂直居中在下方。no-repeat 告訴瀏覽器不要重復圖片。

此外，我們還可以設置背景圖片的尺寸、位置、重復方式等等，下面是一些常見的屬性：

• background-size：設置圖片的大小，可以是具體的尺寸，也可以是 cover 或 contain。
• background-position：設置圖片的水平和垂直位置。
• background-repeat：設置圖片的重復方式，可以是 no-repeat、repeat-x（水平重復）、repeat-y（垂直重復）。

總之，通過在 CSS 中使用 background-image 屬性，我們可以很方便地給頁面添加背景圖片，從而實現更豐富的頁面設計效果。