其实网页滚动条样式规则很简单，本页采用了如下样式代码，该样式放在网页头部，即<head>与</head>之间。
<style> html,body { scrollbar-face-color:#8caaef; scrollbar-highlight-color:#fefeff; scrollbar-shadow-color:#111133; scrollbar-arrow-color:#ffffff; scrollbar-base-color:#adc7f7; scrollbar-darkshadow-color:#000000; scrollbar-3dlight-color:#fefefe; scrollbar-track-color:#c7daff; } </style>
代码说明如下：
scrollbar-face-color: color; /*立体滚动条的颜色（包括箭头部分的背景色）*/ scrollbar-highlight-color: color; /*滚动条的高亮颜色（左阴影？）*/ scrollbar-shadow-color: color; /*立体滚动条阴影的颜色*/ scrollbar-arrow-color: color; /*三角箭头的颜色*/ scrollbar-base-color:color; /*滚动条的基色*/ scrollbar-darkshadow-color: color; /*立体滚动条外阴影的颜色*/ scrollbar-3dlight-color: color; /*立体滚动条亮边的颜色*/ scrollbar-track-color: color; /*立体滚动条背景颜色*/