给浏览器的滚动条加上颜色


答案：我们知道可以使用样式表来控制页面的很多的属性,比如我们可以通过这样的CSS 来改变Button的背景颜色 
input.colorbutton 
{ 
font-size:9pt; 
background-color: white; 
color:rgb(0,0,128) ; 
} 
然后我们在HTML代码中加入下面的代码: 
<input type=button class=colorbutton id=test name=test value="测试Button颜色"> 
即可 
IE5.5 给我们提供了让我们对IE的滚动条进行控制的方法，当然也是通过CSS来控制了！如果您使用的是IE5.5版本的浏览器 
来访问豆腐技术站的话，应该就已经看到了滚动条的变化。 
下面我来给大家把这段样式表的代码写出来，大家添加到自己的页面中就可以了 
Body 
{ 
scrollbar-face-color:#666666; 
scrollbar-shadow-color:#FFFFFF; 
scrollbar-highlight-color:#FFFFFF; 
scrollbar-3dlight-color:#3366cc; 
scrollbar-darkshadow-color:#666666; 
scrollbar-track-color:#EEEEEE; 
scrollbar-arrow-color:#666666 
} 
当然，颜色搭配的不是很好看，大家改成自己搭配的好看的颜色就可以了。
[page_break]
滚动条颜色代码（转载）
                                       
1.手动编写源代码
其实彩色滚动条的实现非常容易，只要建立一组CSS串接样式表设定就行了！而在样式表中只需要设定HTML标签的属性，因为凡是属于窗口基本的格式都是指文件主体的外观。
步骤一：建立样式表声明主体
步骤二：在样式表声名主体内加入BODY标签属性声名
例如下面这一段声名：
BODY {
scrollbar-face-color:#FF0080;
scrollbar-highlight-color:#00FF40;
scrollbar-3dlight-color:#0000FF;
scrollbar-darkshadow-color:#00FF40;
scrollbar-shadow-color:#808080;
scrollbar-arrow-color:#21C1DE;
scrollbar-track-color:#E0E0E0;
}
步骤三：然后在网页中的 标签之后，将上面两步骤的样式表内容贴上，那窗口滚动条就会变成彩色模样了！

这个再简单不过啦！！只要将以下代码加入<head>和</head>之间，就ＯＫ！
<STYLE>
BODY {
SCROLLBAR-FACE-COLOR: white;
 SCROLLBAR-HIGHLIGHT-COLOR: #d84848;
 SCROLLBAR-SHADOW-COLOR: #fcd8fc;
 SCROLLBAR-3DLIGHT-COLOR: #fc90d8;
 SCROLLBAR-ARROW-COLOR: #fc90b4;
 SCROLLBAR-TRACK-COLOR: white;
 SCROLLBAR-DARKSHADOW-COLOR: #fc90b4;
 SCROLLBAR-BASE-COLOR: #fcd8fc
}
</STYLE>

彩色滚动条  只有小三角

<style type="text/css">

<!--

BODY {scrollbar-face-color: white;

scrollbar-highlight-color: white;

scrollbar-shadow-color: white;

scrollbar-3dlight-color: white; 

scrollbar-arrow-color: orange;

scrollbar-track-color: white;

scrollbar-darkshadow-color: white}

-->

</style>

 

彩色滚动条2

<style type="text/css">

<!--

BODY {

scrollbar-face-color: white;

scrollbar-highlight-color: orange;

scrollbar-shadow-color: orange;

scrollbar-3dlight-color: white; 

scrollbar-arrow-color: orange;

scrollbar-track-color: white;

scrollbar-darkshadow-color: white}

-->

</style>

 

彩色滚动条3带阴影

<style type="text/css">

<!--

BODY {scrollbar-face-color: white;

scrollbar-highlight-color: white;

scrollbar-shadow-color: orange;

scrollbar-3dlight-color: white; 

scrollbar-arrow-color: orange;

scrollbar-track-color: white;

scrollbar-darkshadow-color: white}

-->

</style>
上一个：一个提交form的小经验
下一个：如何在网页中存取剪贴板中的内容
更多图片编程知识: