滚动条样式收集

滚动条样式定制

最新推荐文章于 2025-07-18 10:13:16 发布

转载最新推荐文章于 2025-07-18 10:13:16 发布 · 59 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/deadshot123/archive/2006/12/13/590624.html

一、推荐样式一
SCROLLBAR-FACE-COLOR: #fcfcfc;
SCROLLBAR-HIGHLIGHT-COLOR: #6c6c90;
SCROLLBAR-SHADOW-COLOR: #fcfcfc;
SCROLLBAR-3DLIGHT-COLOR: #fcfcfc;
SCROLLBAR-ARROW-COLOR: #240024;
SCROLLBAR-TRACK-COLOR: #fcfcfc;
SCROLLBAR-DARKSHADOW-COLOR: #48486c;
SCROLLBAR-BASE-COLOR: #fcfcfc

二、
scrollbar-face-color:#DEDEDE;
scrollbar-base-color:#F5F5F5;
scrollbar-arrow-color:black;
scrollbar-track-color:#F5F5F5;
scrollbar-shadow-color:#EBF5FF;
scrollbar-highlight-color:#F5F5F5;
scrollbar-3dlight-color:#C3C3C3;
scrollbar-darkshadow-Color:#9D9D9D;

三、
scrollbar-face-color:#FFFFFF;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-base-color:#FFFFFF;
scrollbar-track-color:#ffffff;
scrollbar-arrow-color:#D09462;
scrollbar-3dlight-color:#cecece;
scrollbar-shadow-color:#cecece;
scrollbar-darkshadow-color:#FFFFFF

详细解释：

SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)

SCROLLBAR-DARKSHADOW-COLOR:#b4fc48; (立体滚动条强阴影的颜色)

SCROLLBAR-track-color:#FFFFFF; (滚动条的拖动区域的颜色)

SCROLLBAR-3d-light-color:#FFFFFF; (立体滚动条亮边的颜色）

下面写最关键的部分，为什么有的人把代码嵌进去后浏览器还是没有反应呢？？？？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">【这是DW为每次新建新页而自动添加的代码！】
"http://www.w3.org/TR/html4/loose.dtd"这一句删掉的文件任意的改变其颜色代码均得以实现！

转载于:https://www.cnblogs.com/deadshot123/archive/2006/12/13/590624.html