在網頁設計中，背景圖片可以起到非常重要的作用。而在CSS中，我們可以使用一張圖片來作為網頁背景。下面我們來看看如何利用CSS設置背景圖片。

/* 設置背景圖片 */
body {
background: url("example.jpg") no-repeat center center fixed;
/* 填滿整個屏幕并居中 */
background-size: cover;
/* 讓圖片自適應大小 */
}

在上面的代碼中，我們使用了background屬性來設置背景圖片。這個屬性的值由三個部分組成：圖片地址（url）、圖片是否重復（repeat）、圖片位置（position）。需要注意的是，我們在上面的代碼中省略了位置部分，并使用了center center來居中圖片。

另外，我們在代碼中使用了background-size屬性來讓圖片自適應大小。cover表示讓圖片盡可能地填滿整個屏幕，同時避免圖片失真。

此外，我們還可以使用多張圖片來實現動態背景效果。例如：

/* 設置動態背景 */
body {
background: url("example1.jpg") no-repeat center center fixed,
url("example2.jpg") no-repeat center center fixed;
background-size: cover;
animation: bg-change 10s infinite;
}
/* 創建動畫 */
@keyframes bg-change {
0% {opacity: 0;}
25% {opacity: 1;}
50% {opacity: 0;}
75% {opacity: 1;}
100% {opacity: 0;}
}

在這個例子中，我們使用了background屬性來同時設置兩張圖片作為背景，然后通過animation屬性來創建了一個Fade in/out的動畫效果。

總之，使用CSS背景圖片可以讓我們的網頁更加具有吸引力和美觀性，并且讓網頁內容更為突出和清晰。而通過多張圖片的組合，我們甚至可以實現更為出色的動態背景效果。