CSS，即層疊樣式表，是一種用于設計網頁的語言。CSS可以控制網頁的各種元素，包括文字、圖像、背景等等。如何使用CSS來設計背景圖片呢？下面就由我們來一起學習。

body {
background-image: url("example.jpg");
background-size: cover;
background-position: center;
}

1. 選擇好背景圖片：

首先，我們需要選擇好一張適合作為背景圖片的圖片。圖片要選取清晰、高品質，這樣可以使網頁看起來更加美觀。

2. 使用background-image屬性：

接下來，在CSS代碼中，我們可以通過使用background-image屬性來設置選取的圖片。推薦使用相對路徑，可以使代碼更加簡潔。如上述代碼所示，我們將例子圖片設置為背景圖片。

3. 設定背景圖片大小：

background-size屬性可以用來設定背景圖片的大小。我們可以使用cover設定背景圖片覆蓋整個頁面，也可以使用contain設定背景圖片保留原本長寬比的大小。當然，你也可以手動設定寬高，如background-size: 100px 200px。

4. 設定背景圖片位置：

background-position屬性可以用來設定背景圖片的位置。我們可以使用center設定背景圖片居中，也可以使用left、right、top、bottom設定位置。

做完以上設置，你就成功了！現在你已經懂得如何使用CSS來設計背景圖片了。希望可以幫助到大家。