css 纵向滚动条

scrollbar-arrow-color: color; /*三角箭头的颜色*/

scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/

scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/

scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/

scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/

scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/

scrollbar-track-color: color; /*立体滚动条背景颜色*/

scrollbar-base-color: color; /*滚动条的基色*/

大概就这些，你也可以定义cursor来定义滚动条的鼠标手势。

body{
   scrollbar-3dlight-color:#D4D0C8; /*- 最外左 -*/
   scrollbar-highlight-color:#fff; /*- 左二 -*/
   scrollbar-face-color:#E4E4E4; /*- 面子 -*/
   scrollbar-arrow-color:#666; /*- 箭头 -*/
   scrollbar-shadow-color:#808080; /*- 右二 -*/
   scrollbar-darkshadow-color:#D7DCE0; /*- 右一 -*/
   scrollbar-base-color:#D7DCE0; /*- 基色 -*/
   scrollbar-track-color:#;/*- 滑道 -*/
}

<STYLE TYPE="text/css">
* {
   scrollbar-3dlight-color:#bebebe; /*- 最外左 -*/
   scrollbar-highlight-color:#bebebe; /*- 左二 -*/
   scrollbar-face-color:#000000; /*- 面子 -*/
   scrollbar-arrow-color:#ffffff; /*- 箭头 -*/
   scrollbar-shadow-color:#bebebe; /*- 右二 -*/
   scrollbar-darkshadow-color:#bebebe; /*- 右一 -*/
   scrollbar-base-color:#ffffff; /*- 基色 -*/
   scrollbar-track-color:#ffffff;/*- 滑道 -*/
 overflow-x:hidden;   //横滚动条
    //overflow-y:hidden;   //坚滚动条
}
</STYLE>

<STYLE TYPE="text/css">
* {scrollbar-3dlight-color:#bebebe; /*- 最外左 -*/
   scrollbar-highlight-color:#bebebe; /*- 左二 -*/
   scrollbar-face-color:#000000; /*- 面子 -*/
   scrollbar-arrow-color:#000000; /*- 箭头 -*/
   scrollbar-shadow-color:#bebebe; /*- 右二 -*/
   scrollbar-darkshadow-color:#bebebe; /*- 右一 -*/
   scrollbar-base-color:#ffffff; /*- 基色 -*/
   scrollbar-track-color:#ffffff;/*- 滑道 -*/
 overflow-x:hidden;   //横滚动条
    //overflow-y:hidden;   //坚滚动条
}
</STYLE>