scrollbar样式相关

 

一些网站为了整体效果，会调整页面滚动条的颜色，但是，这个解决方案只有 KDE 上的 Konqueror 浏览器和 Windows 上的 Internet Explorer 5.5+ 才支持，发在这里只是供有需要的人采用，因此，使用前要根据自己的用户群来进行选择。

 
 
<style type="text/css">   
body, html {  
     scrollbar-face-color: #353535;  
     scrollbar-shadow-color: #565656;  
     scrollbar-highlight-color: #565656;  
     scrollbar-3dlight-color: #7F7F7F;  
     scrollbar-darkshadow-color: #565656;  
     scrollbar-track-color: #565656;  
     scrollbar-arrow-color: #DADADA;  
}   
</style>  

 

由于在 xhtml 中 定义在 body 上是没有效果的，所以为了通用，可以在 body 和 html 标签都定义一下。


这些属对应图例如下：


滚动条的显示与隐藏：

语法： 
 
overflow : visible | auto | hidden | scroll 
 
参数： 
 
visible : 　不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效 
auto : 　此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条 
hidden : 　不显示超过对象尺寸的内容
scroll : 　总是显示滚动条 
 

单独控制横向滚动条或者纵向滚动条可以用 ：overflow-x  和  overflow-y ，语法和 overflow 相同。
 

原文地址链接： http://www.web600.net/html/editor/XHTMLCSS/20091108662.html