使用CSS来实现滚动条很简单，下面有三种：
下面是关键代码：
scrollbar-base-color
设置的是滚动条可滑动区域的颜色
scrollbar-face-color
设置的是滑块的颜色
这种颜色定义是在IE 5.5以上才支持的。
第一种：
CSS Code
[http://www.xueit.com]
<STYLE>
BODY {
scrollbar-face-color:#ffffff //滑块及向上向下（点击区）****
scrollbar-highlight-color:#bebdbd //滑块及上下击点的左上边线和滑道 ****
scrollbar-shadow-color:#ffffff //滑块及上下击点的右下边线 ****
scrollbar-3dlight-color:#ffffff //滚动条亮边的颜色 ****
scrollbar-arrow-color:#bebdbd //上下按钮上三角箭头的颜色及右下边线 ****
scrollbar-track-color:#ffffff //滚动条的背景颜色 ****
scrollbar-darkshadow-color:#bebdbd //滚动条强阴影的颜色 ****
scrollbar-base-color:rgb //滚动条的基本颜色(左上边线)
}
</STYLE>
第2种：
CSS Code
[http://www.xueit.com]
<style type="text/css">
<!--
BODY {
SCROLLBAR-FACE-COLOR: #9F0505;
SCROLLBAR-HIGHLIGHT-COLOR: #dedede;
SCROLLBAR-SHADOW-COLOR: #dedede;
SCROLLBAR-3DLIGHT-COLOR: #dedede;
SCROLLBAR-ARROW-COLOR: #dedede;
SCROLLBAR-TRACK-COLOR: #dedede;
SCROLLBAR-DARKSHADOW-COLOR: #dedede;
}
-->
</style>
第3种：
CSS Code
[http://www.xueit.com]
<style type="text/css">
<!--
BODY {
scrollbar-3d-light-color:#ff9900;
scrollbar-highlight-color:#1d0000;
scrollbar-face-color:#460101;
scrollbar-dark-shadow-color:#a20707;
scrollbar-shadow-color:#a20707;
scrollbar-arrow-color:#d20202;
scrollbar-base-color:#a20707;
}
-->
</style>
