<b>CSS div題</b>

在CSS中，div是一種非常常用的標簽，用于創建塊級元素。div的作用是在頁面上定義一個區域，將一組元素包裹在內部，以便對這組元素應用樣式或布局。

下面將通過幾個代碼案例詳細解釋div的使用。

案例一：

<p><div>
<p>這是一個div示例</p>
<p>這是div中的第二個段落</p>
</div></p>

在這個案例中，我們創建了一個div，其內部包含了兩個段落元素。div標簽定義了一個區域，段落元素被包裹在這個區域內，因此可以對這兩個段落元素同時應用樣式。通過CSS，我們可以為這個div添加背景色、邊框、內邊距等樣式屬性。

案例二：

<p><style>
.container {
background-color: #f2f2f2;
padding: 10px;
}
</style>
<br>
  <div class="container">
<p>這是一個帶有樣式的div示例</p>
<p>這個div有背景色和內邊距</p>
</div></p>

在這個案例中，我們通過CSS為div添加了一個名為.container的class。這個class定義了背景色和內邊距樣式。通過將這個class應用在div標簽上，我們可以為這個div特定的樣式。這樣的做法可以使得樣式和結構相分離，方便管理和維護。

案例三：

<p><style>
div {
display: inline-block;
width: 100px;
height: 100px;
background-color: red;
margin-right: 10px;
}
</style>
<br>
  <div></div>
<div></div>
<div></div></p>

在這個案例中，我們創建了三個div，并為它們定義了樣式。這些div被設置為inline-block屬性，使得它們可以在一行顯示。寬度和高度被設定為100像素，背景色為紅色。通過設置margin-right屬性，我們給每個div之間添加了10像素的水平間距。

通過上面的代碼案例，我們可以看到div的靈活性和方便性。無論是對一組元素的樣式控制，還是對布局的控制，div都能夠提供幫助。

起來，div是一種常用的HTML標簽，用于創建塊級元素。它可以定義一個區域并將一組元素包裹在內部，以便對這組元素應用樣式或布局。通過CSS，我們可以為div添加各種樣式屬性，使得頁面可以更加美觀和可讀。同時，通過合理的應用div，我們可以實現不同的布局效果和結構組織，提高網頁的靈活性和可擴展性。