<div background 圖片是指在HTML中使用CSS將背景圖片添加到一個或多個元素中。通過設置div元素的背景屬性，我們可以在網頁中添加視覺效果和個性化元素。
以下是幾個代碼案例來詳細解釋如何在div元素中設置背景圖片：
案例一：基本背景圖片設置

<div style="background-image: url('bg.jpg');">
<p>這是一個擁有背景圖片的div元素</p>
</div>

在上面的代碼中，我們使用CSS的background-image屬性將名為bg.jpg的背景圖片添加到div元素中。在div元素中，我們可以放置任意的內容，例如這里的一個段落。
案例二：調整背景圖片的大小和位置

<style>
.background-div {
background-image: url('bg.jpg');
background-size: cover;
background-position: center;
}
</style>
<br>
<div class="background-div">
<p>這是一個擁有調整過的背景圖片的div元素</p>
</div>

在這個案例中，我們為div元素添加了一個class名為background-div，并且在樣式表中設置了背景圖片的大小和位置。通過background-size屬性設置為cover，背景圖片會被拉伸以適應div元素的大小。通過background-position屬性設置為center，背景圖片會在div元素中居中對齊。
案例三：重復背景圖片

<style>
.repeated-bg-div {
background-image: url('bg.jpg');
background-repeat: repeat;
}
</style>
<br>
<div class="repeated-bg-div">
<p>這是一個重復背景圖片的div元素</p>
</div>

在這個案例中，我們為div元素添加了一個class名為repeated-bg-div，并且在樣式表中設置了背景圖片的重復屬性為repeat。通過這個設置，背景圖片會在div元素中水平和垂直方向上重復顯示。
以上是幾個使用div background圖片的代碼案例。你可以根據需要調整背景圖片的大小、位置和重復屬性，以創建適合你網頁設計的背景效果。div background圖片不僅可以增加網頁的吸引力，還可以提升用戶體驗。希望這些案例能幫助你更好地理解和運用div背景圖片。