本節(jié)向大家描述一下DIV滾動(dòng)條樣式的概念，重點(diǎn)介紹一下DIV滾動(dòng)條屬性及其相關(guān)顏色屬性，相信通過(guò)本文對(duì)DIV滾動(dòng)條樣式的簡(jiǎn)單描述你對(duì)DIV滾動(dòng)條有一個(gè)大致的了解。

DIV滾動(dòng)條樣式

所謂DIV滾動(dòng)條，就是利用DIV標(biāo)簽，在里面嵌入CSS樣式表，加入overflow的屬性值，這樣，當(dāng)DIV所規(guī)范的區(qū)域內(nèi)的內(nèi)容達(dá)到一定程序時(shí)，滾動(dòng)條就派上用場(chǎng)。其功能大約是為了節(jié)約頁(yè)面空間，就是所謂的“縮地”了?？纯葱Ч绾伟?，代碼如下。
　　
參考核心代碼：

<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滾動(dòng)條相關(guān)顏色屬性：

　　face-color：滑塊顏色

　　hightlight-color：高亮顏色

　　3dlight-color：三維光線顏色

　　darkshadow-color：暗影顏色

　　shadow-color：陰影顏色

　　arrow-color：箭頭顏色

　　tack-color：滑道顏色
　　
DIV滾動(dòng)條屬性：

　　overflow：auto為自動(dòng)，yes為有，no為無(wú)

　　overflow-x：橫向滾動(dòng)條

　　overflow-y：縱向滾動(dòng)條
　　
注意：

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

【編輯推薦】

1. DIV滾動(dòng)條屬性及樣式設(shè)置方式
2. 技術(shù)分享 如何實(shí)現(xiàn)CSS橫向?qū)Ш?/a>
3. 技術(shù)分享 DIV CSS網(wǎng)站布局八大竅門(mén)
4. DIV CSS中id與class使用用原則與技巧
5. 鼠標(biāo)經(jīng)過(guò)時(shí)改變DIV背景顏色的三種途徑