div是HTML中的一個標簽，在CSS中可以使用它來定義一個容器。它可以用于包裹其他HTML元素，將它們劃分為不同的區塊，并且為這些區塊定義樣式。
下面是幾個關于div標簽和CSS樣式的例子，希望能夠幫助大家更好地理解和應用div標簽及相關的CSS樣式。
例子一： 假設我們需要創建一個帶有紅色背景色和白色邊框的容器，其中包含一段文本。我們可以通過以下的HTML代碼和CSS樣式來實現這個效果：

我們需要在HTML中定義一個div容器，并給它一個特定的ID或者類名，這樣我們可以在CSS中選中它并為它定義樣式。

<code>
<div id="myContainer">
<p>這是一個帶有紅色背景色和白色邊框的容器</p>
</div>
<br>
  </code>

然后，在CSS中，我們可以為這個div容器添加樣式。

<code>
#myContainer {
background-color: red;
border: 1px solid white;
}
</code>

例子二： 假設我們需要創建一個帶有兩個子容器的主容器，其中一個子容器需要占據整個父容器的一半寬度，另一個子容器需要占據剩余的一半寬度。我們可以通過以下的HTML代碼和CSS樣式來實現這個效果：

，我們需要在HTML中定義一個父容器div，并添加兩個子容器的div：

<code>
<div id="myContainer">
<div id="leftColumn">
<p>這是左側子容器</p>
</div>
<div id="rightColumn">
<p>這是右側子容器</p>
</div>
</div>
</code>

然后，在CSS中，我們可以為這些容器添加樣式：

<code>
#myContainer {
display: flex;
}
<br>
   #leftColumn {
width: 50%;
background-color: blue;
}
<br>
   #rightColumn {
width: 50%;
background-color: yellow;
}
</code>

例子三： 假設我們需要創建一個帶有固定寬度和高度的容器，并將其中的文本垂直居中對齊。我們可以通過以下的HTML代碼和CSS樣式來實現這個效果：

，我們需要在HTML中定義一個div容器，并在其中添加一段文本：

<code>
<div id="myContainer">
<p>這是一個垂直居中對齊的文本</p>
</div>
</code>

然后，在CSS中，我們可以為這個div容器添加樣式，其中需要設置寬度、高度和垂直對齊方式：

<code>
#myContainer {
width: 200px;
height: 200px;
display: flex;
align-items: center;
justify-content: center;
background-color: green;
}
</code>

通過以上的例子，我們可以看到div標簽和CSS樣式可以幫助我們創建不同樣式的容器，并對容器中的元素進行布局和樣式定義。這些例子只是一小部分div和CSS樣式的應用，希望能夠對大家的實際開發工作有所幫助，并激發更多創造性的思路。