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>

 

 

 

来自为知笔记(Wiz)