码迷,mamicode.com
首页 > 其他好文 > 详细

div出现滚动条的样式设置

时间:2015-05-05 16:07:00      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

1.overFlow:
visible却省值,没有DIV滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll总是显示滚动条
hidden没有滚动条,超出区域的内容不可见
auto根据内容自动判断是否添加滚动条
2.DIV滚动条颜色属性
face-color:滑块颜色
hightlight-color:高亮颜色
3dlight-color:三维光线颜色
darkshadow-color:暗影颜色
shadow-color:阴影颜色
arrow-color:箭头颜色
track-color:滑道颜色
base-color:DIV滚动条的主要颜色,其中包含滚动按钮和滚动滑块
3.overFlow-x  overFlow-y
visible却省值,没有DIV滚动条,根据内容自动扩撑区域的大小,即定义的区域无效
scroll总是显示滚动条
hidden没有DIV滚动条,超出区域的内容不可见
auto根据内容自动判断是否添加滚动条

  1. <styletylestyletyle="text/css">
  2. .testDiv{
  3. border-style:solid;
  4. border-width:50px;
  5. border-color:pink;
  6. position:absolute;
  7. top:200px;
  8. left:300px;
  9. height:200px;
  10. width:300px;
  11. overFlow-x:scroll;
  12. overFlow-y:hidden;
  13. scrollBar-face-color:green;
  14. scrollBar-hightLight-color:red;
  15. scrollBar-3dLight-color:orange;
  16. scrollBar-darkshadow-color:blue;
  17. scrollBar-shadow-color:yellow;
  18. scrollBar-arrow-color:purple;
  19. scrollBar-track-color:black;
  20. scrollBar-base-color:pink;
  21. }
  22. </style>
 
 

 





div出现滚动条的样式设置

标签:

原文地址:http://www.cnblogs.com/cnchenjunbiao/p/4479030.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!