在網頁開發中,div是一個非常重要的HTML標簽,它被用來劃分頁面的不同部分。通過CSS樣式表,我們可以為div標簽添加各種規則,從而使頁面呈現出自己想要的視覺效果。
下面是一個完整的div CSS頁面的樣例:
My CSS Page Welcome to My CSS Page!
- Item 1
- Item 2
- Item 3
- Item 4
這段代碼中,我們首先在樣式表中設置了整個頁面的背景顏色、網頁標題的樣式、id為main的div的樣式、列表的樣式和列表項的樣式。然后,在HTML文件中,我們使用id為main的div包裹了一個標題和一個無序列表。
這個樣例頁面的效果是,整個頁面的背景色為淡灰色,網頁標題為黑色、字體大小為36像素、底部有20像素的空白,id為main的div寬度為80%,水平居中顯示,背景色為白色、內邊距為20像素、圓角為5像素,帶有10像素的灰色陰影,列表以無序方式顯示,列表項的上下有各10像素的內邊距、下方有1像素的灰色邊框,當鼠標懸停于列表項上時,背景色改變為淡灰色。
這個樣例頁面僅僅是一個簡單的示范,你可以根據自己的需要,設計出各種樣式更為復雜的div CSS頁面,讓你的網頁更加美觀、實用、易于訪問和使用。
上一篇jquery $( .