<div>是HTML中常用的標簽，用于創建一個獨立的塊級容器，可以用來包裹其他HTML元素，并且可以為這些元素指定樣式。在<div>標簽中，可以使用CSS樣式來改變它的外觀、布局和行為，從而實現頁面的美化和功能擴展。
下面分別介紹幾個常見的<div>中樣式的案例。
案例一：使用<div>來實現水平居中對齊
在HTML中，如果想要將一個元素水平居中對齊，可以使用<div>來包裹這個元素，然后通過設置<div>的樣式來實現。具體代碼如下：

<p><div style="text-align: center;"></p>
<p><p>這是一個居中對齊的文本</p></p>
<p></div></p>

上述代碼中，通過設置<div>的style屬性為"text-align: center;"來實現了文本的水平居中對齊。這樣，無論文本的長度是多少，都會在頁面上居中顯示。
案例二：使用<div>來創建一個導航欄
<div>還可以用來創建一個導航欄，通過設置<div>的樣式來控制導航欄的布局和外觀。具體代碼如下：

<p><div style="background-color: #000; color: #fff; height: 50px;"></p>
<p><a href="#" style="float: left; margin-right: 10px;">首頁</a></p>
<p><a href="#" style="float: left; margin-right: 10px;">關于我們</a></p>
<p><a href="#" style="float: left; margin-right: 10px;">產品介紹</a></p>
<p><a href="#" style="float: left; margin-right: 10px;">聯系我們</a></p>
<p></div></p>

上述代碼中，通過設置<div>的樣式來指定導航欄的背景色、文字顏色和高度。同時，通過設置<a>標簽的樣式來實現導航欄中每個鏈接的布局和間距。通過設置<a>標簽的float屬性為left，可以使鏈接水平排列，設置margin-right屬性為10px，可以實現鏈接之間的間距。
案例三：使用<div>來實現圖片的縮放效果
<div>還可以用來實現圖片的縮放效果，通過設置<div>的樣式來控制圖片的大小和布局。具體代碼如下：

<p><div style="width: 300px; height: 300px; overflow: hidden;"></p>
<p><img src="example.jpg" style="width: 100%; height: auto;"></p>
<p></div></p>

上述代碼中，通過設置<div>的樣式來指定容器的寬度和高度，并設置overflow屬性為hidden，以隱藏超出容器的部分。通過設置<img>標簽的樣式來指定圖片的寬度占容器的100%，高度按比例縮放。這樣，當圖片的原始尺寸大于容器尺寸時，圖片會自動按比例縮小，同時保持寬度占滿容器。
通過上述幾個案例，可以看到<div>在HTML中的應用廣泛而靈活。通過設置<div>的樣式，可以實現各種不同的效果，從而滿足頁面設計和功能需求。希望以上介紹能對理解和使用<div>中樣式有所幫助。