在網頁設計中，CSS背景圖片是一個很重要的元素，可以為頁面增加美感和視覺效果。下面將詳細介紹如何添加CSS背景圖片。

1. 在HTML中添加div標簽作為容器
<div class="bg-img"></div>
2. 在CSS中設置背景圖片
.bg-img{
background-image: url('圖片的路徑');
}
3. 調整背景圖片大小和位置
.bg-img{
background-image: url('圖片的路徑');
background-size: cover;  //背景大小，cover表示鋪滿整個容器
background-position: center center; //背景位置，居中對齊
}

在HTML代碼中，我們使用了div標簽作為容器，并添加了一個名為“bg-img”的class以便在CSS樣式表中進行設置。

在CSS代碼中，我們使用了“background-image”屬性來定義背景圖片的路徑，可以使用絕對或相對路徑。同時使用“background-size”和“background-position”屬性來調整圖片的大小和位置。

希望上述內容能幫助您添加CSS背景圖片，讓您的網頁更加精彩！