css3技术

如何用CSS设置滚动条颜色?_div+css布局教程

字号+ 作者:H5之家 来源:H5之家 2015-09-28 16:10 我要评论( )

如何用CSS设置滚动条颜色?,学习如何用CSS设置滚动条颜色?,如何用CSS设置滚动条颜色?,查看如何用CSS设置滚动条颜色?,我们在浏览网页的时候有时可以看到网页滚

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

div css xhtml xml Example Source Code

Example Source Code []

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设置滚动条颜色的实例:

div css xhtml xml Source Code to Run

Source Code to Run []


[ 可先修改部分代码 再运行查看效果 ]


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

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

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

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评