DIV滚动条样式简明介绍

本节向大家描述一下DIV滚动条样式的概念，重点介绍一下DIV滚动条属性及其相关颜色属性，相信通过本文对DIV滚动条样式的简单描述你对DIV滚动条有一个大致的了解。

创新互联从2013年创立，先为来宾等服务建站，来宾等地企业，进行企业商务咨询服务。为来宾企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

DIV滚动条样式

所谓DIV滚动条，就是利用DIV标签，在里面嵌入CSS样式表，加入overflow的属性值，这样，当DIV所规范的区域内的内容达到一定程序时，滚动条就派上用场。其功能大约是为了节约页面空间，就是所谓的“缩地”了。看看效果如何吧，代码如下。
　　
参考核心代码：

 
 
 
  
  
  
  
  
  
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背景颜色的三种途径

网页题目：DIV滚动条样式简明介绍
转载源于：http://bzwzjz.com/article/cojhigs.html