<div>是HTML中的一個標簽，用于創建一個用于分割不同區域的容器。在網頁開發中，我們經常需要將內容按照多個頁面進行分隔顯示，這時可以使用CSS中的<div>標簽結合一些簡單的CSS樣式來實現分頁效果。
<div>標簽是一個容器，可以包含各種其他HTML元素。我們可以利用這個特性來實現分頁效果。通過設置<div>的CSS樣式，我們可以控制<div>的顯示位置和分頁效果。下面我們將介紹幾個具體的例子，來說明如何利用<div>和CSS實現分頁。
例子1: 這是一個簡單的分頁效果，我們使用兩個<div>標簽，通過設置寬度和高度來控制每個分頁的顯示大小。下面是示例的HTML和CSS代碼:

HTML代碼:

<div class="page">
<!-- 第一頁內容 -->
</div>
<div class="page">
<!-- 第二頁內容 -->
</div>

CSS代碼:

.page {
width: 500px;
height: 500px;
overflow: hidden;
}

這段代碼中，我們使用了一個名為"page"的CSS類來定義每個分頁的樣式。通過設置寬度和高度為500px，我們限制了每個分頁的顯示大小。同時，通過設置"overflow: hidden;"，我們隱藏了超出容器大小的內容，實現了分頁的效果。
例子2: 這是一個更復雜的分頁效果，我們使用了一個包含多個<div>標簽的容器，通過設置CSS樣式來實現滾動分頁的效果。下面是示例的HTML和CSS代碼：

HTML代碼:

<div class="container">
<div class="page">
<!-- 第一頁內容 -->
</div>
<div class="page">
<!-- 第二頁內容 -->
</div>
<div class="page">
<!-- 第三頁內容 -->
</div>
<!-- 更多頁面... -->
</div>

CSS代碼:

.container {
width: 500px;
height: 500px;
overflow: scroll;
}
<br>
.page {
width: 500px;
height: 500px;
}

這段代碼中，我們定義了一個名為"container"的容器，設置寬度和高度為500px，并且將溢出的內容滾動顯示。然后，我們再定義一個名為"page"的CSS類來定義每個分頁的樣式，同樣設置寬度和高度為500px。通過這些設置，我們實現了一個可以滾動查看不同分頁內容的效果。
： 通過使用<div>標簽結合CSS樣式，我們可以靈活地實現分頁效果。我們可以通過設置<div>的寬度、高度和溢出樣式來控制分頁的顯示效果，從而呈現出多個頁面的內容。以上是兩個簡單的例子，實際應用中可以根據具體需求進行更多的樣式設置和優化。希望通過本文的介紹，讀者可以對<div> CSS實現分頁有更深入的了解。