其实这很简单，插入一段代码就能实现了(必须是IE5以上，或者是以IE5为内核的浏览器)
首先，先让我们看这张图这段代码是在html中的和中加入

其中#xxxxxx就是你选择的颜色的代码
如果你还不明白请在看下面的几个例子

 

1 body {
background: #4E544B;
color: #FFFFFF;
SCROLLBAR-FACE-COLOR: #6D7669;
SCROLLBAR-HIGHLIGHT-COLOR: #6D7669;
SCROLLBAR-SHADOW-COLOR: #363946;
SCROLLBAR-3DLIGHT-COLOR: #B9C2B3;
SCROLLBAR-ARROW-COLOR: #363946;
SCROLLBAR-TRACK-COLOR: #363946;
SCROLLBAR-DARKSHADOW-COLOR: #000000
}

2

3 body {
background-color: #ffffff;
color: #336699;
SCROLLBAR-FACE-COLOR: #BED8EB;
SCROLLBAR-SHADOW-COLOR: #DDF8FF;
SCROLLBAR-HIGHLIGHT-COLOR: #92C0D1;
SCROLLBAR-3DLIGHT-COLOR: #DDF8FF;
SCROLLBAR-DARKSHADOW-COLOR: #92C0D1;
SCROLLBAR-TRACK-COLOR:#BED8EB;
SCROLLBAR-ARROW-COLOR: #92C0D1
}

SCROLLBAR-FACE-COLOR: #2A024D;
 SCROLLBAR-HIGHLIGHT-COLOR: #0042FF;
 SCROLLBAR-SHADOW-COLOR: #000000;
 SCROLLBAR-3DLIGHT-COLOR:#FDFDFD;
 SCROLLBAR-TRACK-COLOR: #000000;
 SCROLLBAR-ARROW-COLOR: #0042FF;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;（颜色当然还是换自己喜欢的了...^^）

  一、滚动条的轨迹，记作：scrollbar-track。所谓“轨迹”，指滚动条的滑动块运行时所必经的路线。
        二、滚动条的滑动块，即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块，记作：scrollbar-face。face即滚动条的“脸”，注意它有三张“脸”：滑动条和两头的小方块。
        三、滚动条亮边框部分，记作：scrollbar-highlight。这个亮边框，和表格的亮边框概念是一样的，即左边和上边部分，滚动条的亮边框部分是指滚动条的“脸”（即滑动块和两头小方块）的亮边框。
        四、滚动条亮边框部分的外围还有一个立体修饰部分，记作scrollbar-3dlight。3d即立体的意思，它将包围在滚动条亮边框部分的外边。
        五、滚动条阴影部分，指主滑块和两头方块的阴影，位于左边和左下，记作：scrollbar-shadow。
        六、滚动条阴影部分还有一个强阴影部分，记作scrollbar-darkshadow，它包围在阴影部分的外边。
        七、滚动条两头方志标志箭头，记作：scrollbar-arrow，箭头方向为向下、向上、向左、向右。