制作网站的时侯为了美化网站界面，大家都希望把浏览器右边的滚动条修改一下颜色，这个通过修改网页代码是实现不了的，我们需要借助CSS来控制滚动条的样式。
如果想修改浏览器滚动条的颜色，我们可以把下面的代码插入到CSS里，这样就可以让滚动条变色。
代码如下： （放在body里,不行就放在html标签里。）
scrollbar-face-color:#dddddd; /*浏览器右边滚动条凸出部分的颜色*/
scrollbar-highlight-color:#ffffff; /*浏览器右边滚动条空白部分的颜色*/
scrollbar-shadow-color:#ffffff; /*浏览器右边立体滚动条阴影的颜色*/
scrollbar-3dlight-color:#eeeeee; /*浏览器右边滚动条亮边的颜色*/
scrollbar-arrow-color:#eeeeee; /*浏览器右边滚动条上下按钮上三角箭头的颜色*/
scrollbar-track-color:#f7f7f7; /*浏览器右边滚动条的背景颜色*/
scrollbar-darkshadow-color:#eeeeee; /*滚动条强阴影的颜色*/
如：
body{xxx;xxx;} 或者 html{xxx;xxx;}
常用效果：
scrollbar-highlight-color: #008000;
scrollbar-shadow-color: #008000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #000000;
-----------
图解：
把这些代码插入到CSS当中，然后你就会看到你的网站所在的浏览器滚动条颜色变化了，是不是很漂亮呢？