本節向大家描述一下DIV滾動條樣式的概念，重點介紹一下DIV滾動條屬性及其相關顏色屬性，相信通過本文對DIV滾動條樣式的簡單描述你對DIV滾動條有一個大致的了解。

DIV滾動條樣式

所謂DIV滾動條，就是利用DIV標簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當DIV所規范的區域內的內容達到一定程序時，滾動條就派上用場。其功能大約是為了節約頁面空間，就是所謂的“縮地”了。看看效果如何吧，代碼如下。
　　
參考核心代碼：

<DIVstyleDIVstyle="PADDING-RIGHT:10px;OVERFLOW-Y:auto;  
PADDING-LEFT:10px;SCROLLBAR-FACE-COLOR:#ffffff;  
FONT-SIZE:11pt;PADDING-BOTTOM:0px;  
SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;OVERFLOW:auto;  
WIDTH:510px;SCROLLBAR-SHADOW-COLOR:#919192;COLOR:blue;  
SCROLLBAR-3DLIGHT-COLOR:#ffffff;LINE-HEIGHT:100%;  
SCROLLBAR-ARROW-COLOR:#919192;PADDING-TOP:0px;  
SCROLLBAR-TRACK-COLOR:#ffffff;FONT-FAMILY:宋體;  
SCROLLBAR-DARKSHADOW-COLOR:#ffffff;  
LETTER-SPACING:1pt;HEIGHT:200px;TEXT-ALIGN:left"> 
 

DIV滾動條相關顏色屬性：

　　face-color：滑塊顏色

　　hightlight-color：高亮顏色

　　3dlight-color：三維光線顏色

　　darkshadow-color：暗影顏色

　　shadow-color：陰影顏色

　　arrow-color：箭頭顏色

　　tack-color：滑道顏色
　　
DIV滾動條屬性：

　　overflow：auto為自動，yes為有，no為無

　　overflow-x：橫向滾動條

　　overflow-y：縱向滾動條
　　
注意：

　　在論壇中，要成功使用DIV滾動條，需要在HTML編輯模式下編寫代碼，發布前將“自動修正”前的“√”去掉。
 

【編輯推薦】

1. DIV滾動條屬性及樣式設置方式
2. 技術分享 如何實現CSS橫向導航
3. 技術分享 DIV CSS網站布局八大竅門
4. DIV CSS中id與class使用用原則與技巧
5. 鼠標經過時改變DIV背景顏色的三種途徑