欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » Html » 正文

热门阅读

如何利用CSS改变滚动条的颜色

创建时间:2011年08月14日 23:34  阅读次数:(5664)
分享到:
很多时候为了网站的整体美观,我们需要改变滚动条的颜色,系统默认的显的过了正式了。改变页面滚动条的颜色的方法有很多,下面介绍一下在CSS中如何改变页面滚动条的颜色。

在 <head > 与 </head > 之间加入: 
<STYLE type=text/css > 
body { 
SCROLLBAR-FACE-COLOR: #ff99cc ; 
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
SCROLLBAR-SHADOW-COLOR: #ff0000; 
SCROLLBAR-3DLIGHT-COLOR: #ff0000; 
SCROLLBAR-ARROW-COLOR: #ff0000; 
SCROLLBAR-TRACK-COLOR: #ffcccc; 
SCROLLBAR-DARKSHADOW-COLOR: #ffffff 

</STYLE > 


CSS属性属性说明:
scrollbar-3dlight-color滚动条亮边框颜色 
scrollbar-arrow-color滚动条方向箭头的颜色 
scrollbar-darkshadow-color滚动条下边和右边的边沿颜色 
scrollbar-face-color滚动条3D表面的颜色 
scrollbar-highlight-color滚动条斜面和左面颜色 
scrollbar-shadow-color滚动条下斜面和右面颜色 
scrollbar-track-color滚动条底版颜色 
scrollbar-base-color滚动条基准颜色。

代码非常的简单,大家来试试吧。?
来源:.net学习网
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 49+7=? 的结果(结果是:56)
结  果: