在網頁設計中，頁面的背景起到了很重要的作用。通過設置不同的背景圖案或背景圖片，能夠為用戶提供更好的視覺效果，使得頁面更加美觀、舒適。
而在CSS中，添加背景圖片也非常簡單。我們可以通過background-image屬性來指定鏈接到背景圖片的URL，并將其應用于網頁中的某個元素上。下面是一個簡單的樣例：
div {
background-image: url('../images/background.jpg');
background-size: cover;
}在上面的代碼中，我們使用了
元素，并為其添加了背景圖片。其中，background-image屬性指定了該元素的背景圖像，而background-size屬性則指定了圖片的尺寸，這里我們設置為“cover”，表示背景圖片將填充整個元素。
如果需要對頁面的不同部分添加不同的背景圖片，我們可以使用CSS的偽類選擇器，例如“:before”或“:after”。這些選擇器能夠在我們不改變HTML結構的情況下，為元素添加偽元素，并為之設置不同的樣式。下面是一個使用:before偽元素添加背景圖片的樣例：
div:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('../images/background.jpg');
opacity: 0.8;
}在這個樣例中，我們首先使用content屬性定義了一個空字符串，并設置了:before偽元素的位置、寬高以及背景圖片。同時，我們還利用opacity屬性為背景圖片添加了透明度，從而讓元素的其他內容更加突出。
總之，在網頁設計中，添加背景圖片是非常簡單的。通過使用CSS的背景屬性，我們可以為頁面的某些元素添加不同的背景圖案或圖片，從而為用戶帶來更棒的視覺體驗。