第26章　CSS设置滚动条

很多人认为，滚动条只有在网页内容显示超出浏览器可视范围时，才会出现，其实，在一个层中也可以出现滚动条，这样用CSS设置层的滚动条属性，即可使层也出现滚动条，而且还可以设置滚动条边的颜色等。的确，滚动条属性通过CSS的控制，可以让用户体验滚动效果，注意，这些属性只在IE中使用（IE是Internet Explorer的简称，Mozilla的Firefox不支持滚动属性）。

本章所学的CSS属性在FF下不支持，即不能跨平台运行。本章主要涉及以下知识点：

❑设置滚动条亮边框颜色；

❑设置滚动条3D界面亮边框颜色；

❑设置滚动条3D表面的颜色；

❑设置滚动条方向箭头的颜色；

❑设置滚动条3D界面的暗边颜色；

❑设置滚动条暗边框颜色；

❑设置滚动条基准颜色；

❑设置滚动条的拖动区域颜色。

26.1　滚动条的基本语法

滚动条在布局时应用比较多，当然，当网页的高度超过可视高度时，网页中自动会出现滚动条，这是默认状态。现在也可以模拟出这种效果，即在层中设置宽度和高度，当其内容超过其高度时，这时会出现滚动条，不管是自动的滚动条还是层设置的，都可以对滚动条的效果进行设置。本章学习滚动条中的特效属性，对这些效果进行总结，但只是应用在IE浏览器。

从总体来讲，对滚动条的设置主要从颜色上，如设置滚动条亮边框和暗边框，拖动区颜色等。以下列表是将要学习的滚动条属性，其值是颜色值，从以前的学习中可知道，颜色值可分成不同的表达方式。滚动条属性列表如下所述。

scrollbar-3dlight-color：color

scrollbar-highlight-color：color

scrollbar-face-color：color

scrollbar-arrow-color：color

scrollbar-shadow-color：color

scrollbar-darkshadow-color：color

scrollbar-base-color：color

scrollbar-track-color：color

❑属性scrollbar-3dlight-color：滚动条亮边框颜色。

❑属性scrollbar-highlight-color：滚动条3D界面的亮边颜色。

❑属性scrollbar-face-color：滚动条3D表面。

❑属性scrollbar-arrow-color：滚动条方向箭头的颜色。

❑属性scrollbar-shadow-color：滚动条3D界面的暗边框颜色。

❑属性scrollbar-darkshadow-color：滚动条暗边框颜色。

❑属性scrollbar-base-color：滚动条基准颜色。

❑属性scrollbar-track-color：滚动条的拖动区域颜色。

上面的属性是表示滚动条的样式，主要设置滚动条的颜色，通过颜色的不同，表示出滚动条的风格，同时也可以设置滚动条是否显示。

上面表示滚动条的语法，下面通过各个语法点来介绍表示滚动条的语法属性的用法，并给出实例，注意各属性的区别。