div標簽是HTML中常用的一個容器元素，用于將頁面內容劃分為獨立的區塊，并對其進行樣式設置。通過使用style屬性，可以為每個div元素指定特定的樣式，例如背景色、邊框樣式、寬度等。下面將詳細介紹幾個關于div style樣式的案例，以幫助讀者更好地理解和應用。
案例一：為div元素設置背景色

在這個案例中，我們將為一個div元素設置背景色，讓其在頁面上形成一個有吸引力的區塊。

<code>
<div style="background-color: lightblue;">
這是一個帶有背景色的div容器
</div>
</code>

在上述代碼中，通過style屬性的background-color屬性，我們將div元素的背景色設置為淺藍色（lightblue）。您可以根據需要自由選擇其他顏色值，以實現個性化的頁面布局。

案例二：為div元素設置邊框樣式

在這個案例中，我們將為一個div元素設置邊框樣式，使其在頁面上更具辨識度。

<code>
<div style="border: 2px dashed red;">
這是一個帶有邊框的div容器
</div>
</code>

在上述代碼中，通過style屬性的border屬性，我們將div元素的邊框樣式設置為虛線（dashed）、邊框寬度為2像素（2px）、顏色為紅色（red）。您可以根據需求隨意調整邊框樣式的類型、寬度和顏色。

案例三：為div元素設置寬度和高度

在這個案例中，我們將為一個div元素設置寬度和高度，精確控制其在頁面上的顯示效果。

<code>
<div style="width: 200px; height: 100px; background-color: yellow;">
這是一個具有固定寬度和高度的div容器
</div>
</code>

在上述代碼中，通過style屬性的width和height屬性，我們將div元素的寬度設置為200像素（200px），高度設置為100像素（100px）。這樣，無論頁面如何變化，該div元素都將始終保持指定的寬度和高度。

通過以上幾個案例，我們可以看到通過div style樣式的應用，我們可以對每個div元素進行精確的樣式設置，以實現個性化的頁面布局效果。在實際開發中，我們可以根據具體需求，結合CSS的其他屬性和值，靈活運用div style樣式，打造各種各樣的頁面效果。希望本文對您理解和應用div style樣式有所幫助。