DIV滚动条样式简明介绍-div 滚动条样式

本节向大家描述一下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编辑模式下编写代码，发布前将“自动修正”前的“√”去掉。

【编辑推荐】