<body style="scrollbar-arrow-color:yellow;scrollbar-base-color:lightsalmon"> ********************* <style>{ scrollbar-face-color:#3399cc; scrollbar-highlight-color: white; scrollbar-shadow-color: white; scrollbar-arrow-color: #ffffff; scrollbar-base-color:#dff0c0} </style>
其中scrollbar-face-color、scrollbar-highlight-color、scrollbar-shadow-color、scrollbar-arrow-color、scrollbar-base-color、scrollbar-darkshadow-color分别用于指定滚动条不同部分的颜色(根据意思就知道它们分别代表了滚动条的什么部分）。
只需在页面html代码之间加这几行代码即可！！！！
：）
**********************************************
滚动条即网页右侧（下面）的竖向（横向）条。滚动条的颜色可以通过写css样式表，得到改变。
本页面就用到了绿色的滚动条。
滚动条的css样式表 ：
<style> body { scrollbar-face-color: #008000; scrollbar-highlight-color: #0b0e2f; scrollbar-3dlight-color: #0b0e2f; scrollbar-darkshadow-color: #0b0e2f; scrollbar-shadow-color: #003366; scrollbar-arrow-color: #003366; scrollbar-track-color: #ffffff;} </style>
css样式表的作用是控制网站的字体样式，色彩样式，鼠标样式
是以 <style> 开头， </style> 结束的形式。
其中绿色代码
scrollbar-face-color: #008000;－－滚动条条棒的颜色
scrollbar-highlight-color: #0b0e2f;－－滚动条高光的颜色
scrollbar-3dlight-color: #0b0e2f;－－滚动条3d的颜色
scrollbar-darkshadow-color: #0b0e2f;－－滚动条深阴影的颜色
scrollbar-shadow-color: #003366;－－滚动条阴影的颜色
scrollbar-arrow-color: #003366;－－滚动条箭头的颜色
scrollbar-track-color: #ffffff;}－－滚动条背景的颜色
“#008000”是色彩的三原色代码，可以自己随意调色，替换成不同的颜色。
*******************************************************************
<style> body { scrollbar-face-color: #fc0000; scrollbar-highlight-color: #fc0000; scrollbar-shadow-color: #fc0000; scrollbar-3dlight-color: #fc0000; scrollbar-arrow-color: #fcfc00; scrollbar-track-color: #fc4800; scrollbar-darkshadow-color: #fc0000; scrollbar-base-color: #fc0000 } </style>
*******************************************************************
body { font-size:9pt; color:#000099; cursor:url(meng.cur); overflow-x : auto; overflow: scroll; scrollbar-face-color: #817af3; scrollbar-highlight-color: #817af3; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #817af3; scrollbar-arrow-color: #e8f7e6; scrollbar-track-color: 817af3 scrollbar-darkshadow-color: #e8f7e6; }
332分屏滚动条颜色设置
将其他的滚动条代码都删了，只加下面的代码。各对应颜色都有说明了。
set time out(function setscrollbar(){ //color=array (面部颜色,上左斜面,下右斜面,上左边沿,箭头,底版色,下右边沿) color=array("#ede6da","#ede6da","#ede6da","#ede6da","#84674a","#ede6da","#ede6da"); box=array("u","u1","d","r") for (var i=0;i<box.length;i++){ eval("parent."+box[i]+". document .body.style.scrollbarfacecolor=color[0]"); eval("parent."+box[i]+".document.body.style.scrollbarhighlightcolor=color[1]"); eval("parent."+box[i]+".document.body.style.scrollbarshadowcolor=color[2]"); eval("parent."+box[i]+".document.body.style.scrollbar3dlightcolor=color[3]"); eval("parent."+box[i]+".document.body.style.scrollbararrowcolor=color[4]"); eval("parent."+box[i]+".document.body.style.scrollbartrackcolor=color[5]"); eval("parent."+box[i]+".document.body.style.scrollbardarkshadowcolor=color[6]"); }; settimeout("setscrollbar()",300); },300);
以上就是css实例scrollbar滚动条颜色的设置详解的详细内容。