div出现滚动条的样式设置

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;
  7. position:absolute;
  8. top:200px;
  9. left:300px;
  10. height:200px;
  11. width:300px;
  13. overFlow-x:scroll;
  14. overFlow-y:hidden;
  16. scrollBar-face-color:green;
  17. scrollBar-hightLight-color:red;
  18. scrollBar-3dLight-color:orange;
  19. scrollBar-darkshadow-color:blue;
  20. scrollBar-shadow-color:yellow;
  21. scrollBar-arrow-color:purple;
  22. scrollBar-track-color:black;
  23. scrollBar-base-color:pink;
  25. }
  27. </style>
 
 

 





posted @ 2015-05-05 14:21  专注前端开发3-5年  阅读(843)  评论(0)  编辑  收藏  举报