介绍：
浏览器默认的滚动条样式太丑了，而且不同的浏览器下滚动条的样式也不一样，为了美观和统一，必须修改滚动条的样式。有人问，为什么不自己写一个滚动条？其一，自己写的滚动条效率和兼容性比
不上浏览器默认滚动条。其二，自己写太麻烦了吧，能用默认的为什么不用呢 ！
效果：
![图片[1]-子比主题美化 – 网站侧边滚动条-阿酷Bolg网](https://akujsyxgs.cn/wp-content/uploads/2026/04/20260407080956572-image.png)
教程：
- 将以下代码放到自定义CSS里面即可！
/**彩色滚动条样式开始*/
::-webkit-scrollbar {
width: 10px;
height: 1px;
}
::-webkit-scrollbar-thumb {
background-color: #12b7f5;
background-image: -webkit-linear-gradient(45deg, rgba(255, 93, 143, 1) 25%, transparent 25%, transparent 50%, rgba(255, 93, 143, 1) 50%, rgba(255, 93, 143, 1) 75%, transparent 75%, transparent);
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #f6f6f6;
}
/**彩色滚动条样式结束*/结束！
本站代码模板仅供学习交流使用请勿商业运营，严禁从事违法，侵权等任何非法活动，否则后果自负！ Ventura
查看更多心仪的内容 按Ctrl+D收藏我们
© 版权声明
版权声明
1
本站名称：阿酷Bolg网
2
本站网址：akujsyxgs.cn
3
本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4
本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5
本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6
本站附件资源、教程等内容如因时效原因失效或不可用，请评论区留言或联系站长及时更新。
THE END
暂无评论内容