<div background 縮放是一種用于調整HTML元素背景圖像大小的CSS屬性。通常情況下，HTML元素的背景圖像會根據元素的實際大小自動適應。然而，在某些情況下，我們可能需要手動調整背景圖像的大小來滿足特定的設計需求。在本文中，我們將詳細介紹如何使用div background 縮放屬性來實現這一目標，并給出一些具體的代碼案例作為參考。

案例一：

<code><style>
.my-div {
width: 200px;
height: 200px;
background-image: url('background_image.jpg');
background-size: cover;
background-repeat: no-repeat;
}
</style>
<br>
<div class="my-div"></div></code>

在這個案例中，我們創建了一個div元素，并將其設置為一個固定寬度和高度為200像素的正方形。通過設置background-size為cover，我們告訴瀏覽器將背景圖像縮放到剛好可以覆蓋整個div元素。同時，我們還將background-repeat設置為no-repeat，這將確保背景圖像不會被重復顯示。你可以將background-image的url替換為你自己的背景圖像路徑。

案例二：

<code><style>
.my-div {
width: 400px;
height: 200px;
background-image: url('background_image.jpg');
background-size: contain;
background-repeat: no-repeat;
}
</style>
<br>
<div class="my-div"></div></code>

在這個案例中，我們創建了一個div元素，并將其設置為寬度為400像素，高度為200像素的矩形。通過設置background-size為contain，我們告訴瀏覽器將背景圖像等比例縮放，以適應div元素的大小。同樣地，我們將background-repeat設置為no-repeat，這將確保背景圖像不會被重復顯示。你可以將background-image的url替換為你自己的背景圖像路徑。

案例三：

<code><style>
.my-div {
width: 100%;
height: 200px;
background-image: url('background_image.jpg');
background-size: 100% 100%;
background-repeat: no-repeat;
}
</style>
<br>
<div class="my-div"></div></code>

在這個案例中，我們創建了一個div元素，并將其設置為寬度為100%的矩形，高度為200像素。通過設置background-size為100% 100%，我們告訴瀏覽器將背景圖像拉伸到與div元素大小完全匹配。同樣地，我們將background-repeat設置為no-repeat，以避免重復顯示背景圖像。你可以將background-image的url替換為你自己的背景圖像路徑。

這些案例提供了div background 縮放的不同方式。通過靈活運用這些代碼案例，你可以自由地調整背景圖像的大小和位置，以滿足你的設計需求。