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

相关推荐
云水一下20 小时前
从零开始!VMware安装Fedora Workstation 44桌面系统完整教程
前端
小码哥_常21 小时前
安卓黑科技:实现多平台商品详情页一键跳转APP
前端
killerbasd21 小时前
还是迷茫 5.3
前端·react.js·前端框架
不会敲代码11 天前
TCP/IP 与前端性能:从数据包到首次渲染的底层逻辑
前端·tcp/ip
kyriewen1 天前
奥特曼借GPT-5.5干杯,而你的Copilot正按Token收钱
前端·github·openai
AC赳赳老秦1 天前
投标合规提效:用 OpenClaw 实现标书 / 合同自动审核、关键词校验、格式优化,降低废标风险
开发语言·前端·python·eclipse·emacs·deepseek·openclaw
kyriewen1 天前
代码写成一锅粥?3个设计模式让你的项目“起死回生”
前端·javascript·设计模式
千寻girling1 天前
《 Git 详细教程 》
前端·后端·面试
之歆1 天前
DAY08_CSS浮动与行内块布局实战指南(下)
前端·css
yqcoder1 天前
CSS Position 全解析:5 种定位模式详解
前端·css