一般的製作頁面都會使用到分頁，那麼你知道分頁功能是怎麼實現的嗎？讓我們一起來學習一下html如何製作分頁吧。
新建html頁面。如圖：
在html頁面找到body標籤，在body標籤裡新建一個div標籤，然後在div標籤中新建a標籤，並在a標籤中輸入頁數。如圖：
保存html頁面，使用瀏覽器打開查看分頁效果。如圖：
新建style標籤回到html代碼頁面，找到title標籤，在title標籤下新建一個<style type="text/css"></style>。如圖：
設置翻頁樣式在style標籤裡新建一個樣式類page，在page類中設置樣式，然後對a標籤設置樣式，設置好後在div標籤引用page類。保存好代碼後刷新瀏覽器即可看到翻頁效果。如圖：樣式代碼：.page{ text-align: center; margin-top: 50px; }.page a{ text-decoration: none; border:1px solid #f9d52b; padding: 5px 7px; color: #767675; cursor: pointer; }
添加上一頁、下一頁。在代碼頁面找到第一個a標籤，在這個標籤的前面添加：<span>上一頁</span>；然後找到最後一個a標籤，在這個標籤後面添加：<span>下一頁</span>；最後在樣式.page a後面添加： .page span。如圖：
保存好代碼後重新刷新頁面，即可看到分頁效果。如圖：
設置滑鼠滑過，滑鼠變成手指狀態。在.page a,.page span樣式類中添加： cursor: pointer;即可。如圖：
添加滑鼠滑過分頁字體變色。在styel標籤中設置滑鼠滑過後字體變色：.page a:hover,.page span:hover{ color: red; }
在瀏覽器中查看效果。如圖：