彩的页面设计或者使用框架时,灰灰的滚动条和我们精心设计的页面风格格格不入。下面就让
我们来对滚动条进行一次大处理,使它看起来同我们辛辛苦苦设计的页面更加的协调一致。
其实要改变滚动条的外观很简单,你只需在页面HTML代码的<body>......</body>之
间加入下列几行代码即可:
<style>
BODY {
SCROLLBAR-FACE-COLOR: yellow;
SCROLLBAR-HIGHLIGHT-COLOR:white;
SCROLLBAR-SHADOW-COLOR: white;
SCROLLBAR-ARROW-COLOR: black;
SCROLLBAR-BASE-COLOR:blue;
SCROLLBAR-DARKSHADOW-COLOR: blue
}
</style>
其中:SCROLLBAR-FACE-COLOR、SCROLLBAR-HIGHLIGHT-COLOR、SCROLLBAR-SHADOW
-COLOR、SCROLLBAR-ARROW-COLOR、SCROLLBAR-BASE-COLOR、SCROLLBAR-DARKSHADOW-COLOR分别用于
指定滚动条不同部分的颜色值,“:”后面的就是指定的相应色值,可用HTML色彩常量或直接
指定16进制的色值(如:#FFFFFF 是白色)。如上例就实现了一个平板式的黄色背景,蓝色单
线框的滚动条。
滚动条的风格就是通过恰当的指定不同部位的色值来达到的,你可以结合图一给不同部
位指定不同颜色来实现你所需要的各种各样的滚动条。
现在轮到你了!你需要什么样式的呢?动手试试看,你也会做出很棒的效果。