大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条,这就是通过css代码控制来实现的,我分享的这个也是;但是它的css代码比较简单,下面是css代码
::-webkit-scrollbar-thumb{ background-color:#666; height:50px; outline-offset:-2px; outline:2px solid #fff; -webkit-border-radius:4px; border: 2px solid #fff; } /*---鼠标点击滚动条显示样式--*/ ::-webkit-scrollbar-thumb:hover{ background-color:#000; height:50px; -webkit-border-radius:4px; } /*---滚动条大小--*/ ::-webkit-scrollbar{ width:8px; height:8px; } /*---滚动框背景样式--*/ ::-webkit-scrollbar-track-piece{ background-color:#fff; -webkit-border-radius:0; }
需要的朋友就拿去吧,很有用的;显示效果就在本文页面。怎么用我就不介绍了,因为注释写得很清楚;如果还不会就请在下方留言。
赞赏
历史上的文章
- 2016: AMH4.2免费版手动升级到Nginx1.8.1、php5.6版本方法( 0)
- 2016: AMH4.2免费版升级APC对象缓存插件方法( 0)
除特别注明外,本站所有文章均为LJY IT BLOG原创,转载请注明出处来自https://www.ljy2345.com/2015/08/%e5%88%86%e4%ba%ab%e4%b8%80%e4%b8%aa%e6%bc%82%e4%ba%ae%e7%9a%84css%e6%bb%9a%e5%8a%a8%e6%9d%a1%e4%bb%a3%e7%a0%81/
Comments | NOTHING