专注于互联网--专注于架构

 最新标签
网站地图
文章索引
Rss订阅

首页 »Html教程 » css滚动条颜色:如何用CSS设置滚动条颜色？ »正文

css滚动条颜色:如何用CSS设置滚动条颜色？

来源: 发布时间:星期四, 2009年2月12日 浏览:319次 评论:0


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

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
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 Scrollbar属性具体参数及含义可以参考这里

　　我们来看下面CSS设置滚动条颜色例子:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Source Code to Run\"> Source Code to Run [www.52css.com]

    =\"ubbbuttonrt\">[ 可先修改部分代码 再运行查看效果 ]


　　请注意有些朋友在实际使用中CSS定义了滚动条颜色可测试时发现并没有起作用这到底是什么原因呢？

　　请注意定义滚动条颜色CSS代码选择符！在以往教程中选择符定义为Body即实现了改变滚动条颜色效果而现在最好将选择符改成html！如上面例子所示

　　在你使用时候参考上面代码只要改变颜色值就可以了凡是#号后面都是颜色代码颜色代码为16进制

标签：css隐藏滚动条 css滚动条 滚动条颜色设置 css滚动条颜色
0
我顶

相关文章

读者评论

发表评论

  • 昵称：
  • 内容：

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章