<div> 項目列表是網頁開發中常見的組件之一，用于展示一組項目或內容的列表。使用<div>標簽可以創建一個項目列表，通過添加適當的樣式和內容，可以使列表更加美觀和易于閱讀。下面是幾個示例，演示如何使用<div>標簽創建不同類型的項目列表。

<b>1. 簡單的項目列表：</b>

<div>

項目1

項目2

項目3

</div>

<code><div>
<p>項目1</p>
<p>項目2</p>
<p>項目3</p>
</div></code>

<b>2. 帶有標題的項目列表：</b>

<div>

標題1

項目1

項目2

標題2

項目3

項目4

</div>

<code><div>
<h3>標題1</h3>
<p>項目1</p>
<p>項目2</p>
<h3>標題2</h3>
<p>項目3</p>
<p>項目4</p>
</div></code>

<b>3. 帶有樣式的項目列表：</b>

<div style="background-color: #f2f2f2; padding: 10px;"> <p style="color: red;">項目1

<p style="color: blue;">項目2

<p style="color: green;">項目3

</div>

<code><div style="background-color: #f2f2f2; padding: 10px;">
<p style="color: red;">項目1</p>
<p style="color: blue;">項目2</p>
<p style="color: green;">項目3</p>
</div></code>

<b>4. 嵌套的項目列表：</b>

<div>

標題1

<div>

子項目1

子項目2

</div>

標題2

<div>

子項目3

</div> </div>

<code><div>
<h3>標題1</h3>
<div>
<p>子項目1</p>
<p>子項目2</p>
</div>
<h3>標題2</h3>
<div>
<p>子項目3</p>
</div>
</div></code>

通過以上示例，可以看到如何使用<div>標簽創建不同類型的項目列表。可以根據具體需求，結合其他 HTML 元素和 CSS 樣式對項目列表進行進一步的定制，以滿足設計和功能上的要求。項目列表在網頁中的應用廣泛，包括展示產品特點、顯示文章目錄、呈現圖片集合等等。因此，熟練掌握<div>項目列表的使用方法對于網頁開發人員來說是至關重要的。