26.2　设置滚动条亮边框颜色

当出现滚动条时，即可通过滚动条的CSS属性对滚动条进行控制，通过上面的知识点介绍，滚动条的设置主要出现在有滚动条出现的情况，而且在IE下才支持，最关键的是在滚动条的效果上，对滚动条的调协主要部分是用过颜色来表现，可见，在滚动条中可以显示出不同的颜色效果。

滚动条亮边框颜色表示滚动条的边框颜色，是用在IE中的属性，属性值为颜色值，其属性在语法上表示如下。

scrollbar-3dlight-color：color

其值所接的是表示滚动条亮边框颜色，颜色值有3种表示方法，前面章节介绍过，下面实例所设置的颜色值为颜色名称的形式，如代码26.1所表示的是设置滚动条亮边框颜色为红色。

代码26.1　源代码\第26章\设置滚动条亮边框颜色.html

————————————文件名：设置滚动条亮边框颜色.html————————————-

01 ＜html＞

02 ＜head＞

03 ＜title＞设置滚动条亮边框颜色＜/title＞

04 ＜style type="text/css"＞

05 #s1

06 {

07 /设置宽度和高度/

08 width：200px；

09 height：100px；

10 /超过区域时显示滚动条/

11 overflow：scroll；

12 /设置滚动条亮边颜色/

13 scrollbar-3dlight-color：red；

14 }

15 ＜/style＞

16 ＜/head＞

17 ＜body＞

18 ＜div id="s1"＞

19 HTML+CSS完全自学手册.HTML+CSS完全自学手册.HTML+CSS完全自学手册.

20 HTML+CSS完全自学手册.HTML+CSS完全自学手册.HTML+CSS完全自学手册

21 ＜/div＞

22 ＜/body＞

23 ＜/html＞

【代码解析】代码第13行设置好滚动条亮边框颜色为红色时，只需要在层中设置scrollbar-3dlight-color为红色（red）就可以在网页中看到滚动条的边框颜色，颜色只出现在边框上，效果如图26.1所示。

图　26.1　设置滚动条亮边框颜色