用css美化滚动条

　2008-03-09 11:38:07　来源：WEB开发网　　　

核心提示：果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，用css美化滚动条，您该怎么办呢？其实这很简单，插入一段代码就能实现了(必须是IE5以上

果在您看够了您的主页中灰色的滚动条，想让他变一种颜色，您该怎么办呢？

其实这很简单，插入一段代码就能实现了(必须是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
}