Css 美化滚动条

复制代码
/*设置滚动条宽度为 6px*/
::-webkit-scrollbar {
  width: 6px;
}
/*设置背景颜色,并设置边框倒角,设置滚动动画,0.2 */
::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 10px;
  transition: all .2s ease-in-out;
}
/*设置滚动框为倒角*/
::-webkit-scrollbar-track {
  border-radius: 10px;
}

显示效果如下

参考

相关推荐
天天扭码27 分钟前
《很全面的前端面试题》——HTML篇
前端·面试·html
xw529 分钟前
我犯了错,我于是为我的uni-app项目引入环境标志
前端·uni-app
!win !31 分钟前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app
Burt33 分钟前
tsdown vs tsup, 豆包回答一坨屎,还是google AI厉害
前端
群联云防护小杜1 小时前
构建分布式高防架构实现业务零中断
前端·网络·分布式·tcp/ip·安全·游戏·架构
ohMyGod_1232 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
前端小趴菜052 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
@大迁世界2 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
Hilaku3 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery
爱分享的程序员3 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js