分享一个漂亮的css滚动条代码

2016: &nbsp;&nbsp;<a href='https://www.ljy2345.com/2016/08/amh4-2%e5%85%8d%e8%b4%b9%e7%89%88%e6%89%8b%e5%8a%a8%e5%8d%87%e7%ba%a7%e5%88%b0nginx1-8-1%e3%80%81php5-6%e7%89%88%e6%9c%ac%e6%96%b9%e6%b3%95/' title='AMH4.2免费版手动升级到Nginx1.8.1、php5.6版本方法'>AMH4.2免费版手动升级到Nginx1.8.1、php5.6版本方法 ( &nbsp0)
2016: &nbsp;&nbsp;<a href='https://www.ljy2345.com/2016/08/amh4-2%e5%85%8d%e8%b4%b9%e7%89%88%e7%bc%96%e8%af%91%e5%8d%87%e7%ba%a7apc%e5%af%b9%e8%b1%a1%e7%bc%93%e5%ad%98%e6%8f%92%e4%bb%b6%e6%96%b9%e6%b3%95/' title='AMH4.2免费版升级APC对象缓存插件方法'>AMH4.2免费版升级APC对象缓存插件方法 ( &nbsp0)

gyue2345 2015-08-15 15:21 LJY2345 抢沙发隐藏边栏黑色模式 158

大家在浏览网页的时偶尔会看到很漂亮的各种颜色样式的滚动条，这就是通过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;
}

需要的朋友就拿去吧，很有用的；显示效果就在本文页面。怎么用我就不介绍了，因为注释写得很清楚；如果还不会就请在下方留言。

赞赏