在網(wǎng)頁(yè)開發(fā)中，div是一個(gè)非常重要的HTML標(biāo)簽，它被用來劃分頁(yè)面的不同部分。通過CSS樣式表，我們可以為div標(biāo)簽添加各種規(guī)則，從而使頁(yè)面呈現(xiàn)出自己想要的視覺效果。

下面是一個(gè)完整的div CSS頁(yè)面的樣例：

Welcome to My CSS Page!
Item 1
Item 2
Item 3
Item 4

這段代碼中，我們首先在樣式表中設(shè)置了整個(gè)頁(yè)面的背景顏色、網(wǎng)頁(yè)標(biāo)題的樣式、id為main的div的樣式、列表的樣式和列表項(xiàng)的樣式。然后，在HTML文件中，我們使用id為main的div包裹了一個(gè)標(biāo)題和一個(gè)無(wú)序列表。

這個(gè)樣例頁(yè)面的效果是，整個(gè)頁(yè)面的背景色為淡灰色，網(wǎng)頁(yè)標(biāo)題為黑色、字體大小為36像素、底部有20像素的空白，id為main的div寬度為80%，水平居中顯示，背景色為白色、內(nèi)邊距為20像素、圓角為5像素，帶有10像素的灰色陰影，列表以無(wú)序方式顯示，列表項(xiàng)的上下有各10像素的內(nèi)邊距、下方有1像素的灰色邊框，當(dāng)鼠標(biāo)懸停于列表項(xiàng)上時(shí)，背景色改變?yōu)榈疑?/p>

這個(gè)樣例頁(yè)面僅僅是一個(gè)簡(jiǎn)單的示范，你可以根據(jù)自己的需要，設(shè)計(jì)出各種樣式更為復(fù)雜的div CSS頁(yè)面，讓你的網(wǎng)頁(yè)更加美觀、實(shí)用、易于訪問和使用。