css美化滚动条

/*定义滚动条高宽及背景

高宽分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {

width: 8px;

height: 8px;

background-color: rgba(0,0,0,.2);

}

/*定义滚动条轨道

内阴影+圆角*/

::-webkit-scrollbar-track

{

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

border-radius:10px;

background-color:#F5F5F5;

}

/*定义滑块

内阴影+圆角*/

::-webkit-scrollbar-thumb

{

border-radius:10px;

-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);

background-color: #b3b3b3;

}


版权声明:本文为CSDN博主「我是罗易呀!」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/Qcg0223/article/details/128405415

相关推荐
kyriewen1 小时前
面试官问你:“AI 能写 80% 的代码了,公司为什么还需要你?”
前端·javascript·面试
甲维斯2 小时前
又升级咯!坦克大战2026,科技与复古并存!
前端·人工智能·游戏开发
搬砖的码农4 小时前
(08)为什么我的 Agent 一跑后台服务就卡死
前端·agent·ai编程
飘尘4 小时前
前端转全栈(Java 后端)必须要知道的:开发中的锁机制与分布式并发控制
前端·后端·全栈
亲亲小宝宝鸭4 小时前
前端性能监控:web-vitals
前端·性能优化·监控
陆枫Larry5 小时前
可滚动页面背景填不满:`height: 100vh` vs `min-height: 100vh`
前端
Patrick_Wilson5 小时前
Squash Merge 的血缘陷阱:为什么删掉的代码又活了过来
前端·git·程序员
kyriewen5 小时前
今天的科技圈,全在抢英伟达的饭碗
前端·面试·ai编程