山西数码商城来分享一个网站美化教程,自定义网站页面右侧滚动条,默认的都是百度的滚动条,这里我们只需要修改一下css即可自定义网站右侧滚动条啦,这里先让我们看看代码吧:
/*—滚动条默认显示样式–*/::-webkit-scrollbar-thumb{background-color:#018EE8;height:50px;outline-offset:-2px;outline:2px solid #fff;-webkit-border-radius:4px;border: 2px solid #fff;}
/*—鼠标点击滚动条显示样式–*/::-webkit-scrollbar-thumb:hover{background-color:#FB4446;height:50px;-webkit-border-radius:4px;}
/*—滚动条大小–*/::-webkit-scrollbar{width:8px;height:18px;}
/*—滚动框背景样式–*/::-webkit-scrollbar-track-piece{background-color:#fff;-webkit-border-radius:0;}每一行代码注释的非常清楚,什么可以自定义粗细,颜色,大小以及背景样式,有没有很简单呢,那么如何实现?
将上面代码加入到我们当前WordPress网站主题的style.css即可,如果您是其他网站源码,直接加入到本站源码调用的css即可






PHP技术导航网站源码【亲自测试可用】...
Oreo支付系统开源版
苹果ios手机【开发中…】
DSmall多商户B2B2C开源商城源码...
手机截屏工具【微商必备】...