在網頁設計中，背景圖片的添加是非常重要的。它能夠讓網站更加美觀、生動、具有視覺享受。在CSS中，添加背景圖片的方法相對容易，下面我們來看一下具體的步驟。 首先，我們需要將圖片儲存在網站的服務器上。比如，我們用一張名為“bg.jpg”的背景圖片作為例子。然后我們可以利用CSS來設置這張背景圖片。 在HTML中，我們需要首先聲明需要添加背景圖片的元素。例如，在下面的段落中添加背景圖片。

<p>這是一個含有背景圖片的段落。</p>

接著，在CSS中添加以下代碼：

p {
background-image: url("bg.jpg");
}

上述代碼中，“p”代表需要添加背景圖片的元素，“url”表示網站上的圖片鏈接，注意將“bg.jpg”改為你的圖片名稱。設置背景圖片后，段落的背景就會變成添加的圖片。 另外，在CSS中還可以設置背景圖片的重復和位置。例如，可以將背景圖片設置為只在x軸方向上重復。

p {
background-image: url("bg.jpg");
background-repeat: repeat-x;
}

以上代碼中，“repeat-x”表示橫向重復。還可選擇其他重復方式，例如“repeat-y”代表縱向重復，“no-repeat”代表不重復。 同時，為了方便設置背景圖片的位置，CSS提供了四種預設的位置關鍵字：left、center、right、top、center、bottom。例如，下面的代碼將背景圖片設置在段落的右下角。

p {
background-image: url("bg.jpg");
background-position: right bottom;
}

以上代碼中，“right”和“bottom”表示背景圖片位置。 總之，使用CSS添加背景圖片可以讓網頁更加生動和有趣，同時為了讓設計更加完美，還可以通過設置重復和位置來實現不同的效果。