给浏览器的滚动条加上颜色
类别: HTML、CSS教程
我们知道可以使用样式表来控制页面的很多的属性,比如我们可以通过这样的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
}
当然,颜色搭配的不是很好看,大家改成自己搭配的好看的颜色就可以了。
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
}
当然,颜色搭配的不是很好看,大家改成自己搭配的好看的颜色就可以了。
- 上一篇: 用DHTML来模拟实现下拉菜单
- 下一篇: 数据排序及如何动态排序
-= 资 源 教 程 =-
文 章 搜 索