当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 用css美化滚动条

HTML/XHTML教程
国外空间乱码显示问题的解决
网页特效文字之—银箔字
网页特效文字之—压纹字
网页特效文字之—粗糙字
网页特效文字之—沙粒字
网页特效文字之—云石字
AS常用代码集锦
玩转表单之花样表单
为自己的网站添加RSS功能
改变字体而不影响网页
利用CSS改善网站可访问性
网站鼠标变变变!
连动下拉菜单
擦除式图片轮番显示效果
网站LOGO简论
模仿QQ和MSN消息提示的效果
利用CSS改善网站可访问性(2005-02-21 10:13:09)
为你的网页链接加上快捷键
如何在网页中制作虚线表格
CSS制作11种风格不同的特效文字

HTML/XHTML教程 中的 用css美化滚动条


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 78 ::
收藏到网摘: n/a

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

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