html 设置滚动条颜色,CSS设置滚动条颜色步骤

本文向大家描述一下如何使用CSS设置滚动条颜色，如果你在浏览网页的时候看到网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式，那么这就是使用CSS代码设置的效果。

CSS设置滚动条颜色

我们在浏览网页的时候有时可以看到网页滚动条颜色不是系统默认的样式，而是漂亮的红色或其它颜色样式，其实这就是在网页代码之间加入代码来实现的，具体是哪些代码呢？

页面滚动条代码及其解释如下：

scrollbar-3d-light-color设置或检索滚动条亮边框颜色

scrollbar-highlight-color设置或检索滚动条3D界面的亮边(ThreedHighlight)颜色

scrollbar-face-color设置或检索滚动条3D表面(ThreedFace)的颜色

scrollbar-arrow-color设置或检索滚动条方向箭头的颜色

scrollbar-shadow-color设置或检索滚动条3D界面的暗边(ThreedShadow)颜色

scrollbar-dark-shadow-color设置或检索滚动条暗边框(ThreedDarkShadow)颜色

scrollbar-base-color设置或检索滚动条基准颜色。其它界面颜色将据此自动调整

我们来看下面CSS设置滚动条颜色的实例：

SourceCodetoRun

-//W3C//DTDXHTML1.0Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

content="text/html;charset=utf-8"/>

如何用CSS设置滚动条颜色www.mb5u.com

#height{height:1000px;}

html{

scrollbar-face-color:#C00;

scrollbar-highlight-color:#F60;

scrollbar-3dlight-color:#F00;

scrollbar-darkshadow-color:#000;

scrollbar-Shadow-color:#000;

scrollbar-arrow-color:#FFF;

scrollbar-track-color:#D6A27E;

}