(css)滚动条样式

(css)滚动条样式


效果:


css 复制代码
/*滚动条整体样式*/
::-webkit-scrollbar {
  width: 2px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 10px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  width: 2px;
  height: 60px;
  background: linear-gradient(0deg, #1f94b8 0%, #81d8b4 100%);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
}
相关推荐
菥菥爱嘻嘻8 分钟前
输出---修改ant样式
前端·react.js·anti-design-vue
该用户已不存在40 分钟前
这6个网站一旦知道就离不开了
前端·后端·github
Ai行者心易44 分钟前
10天!前端用coze,后端用Trae IDE+Claude Code从0开始构建到平台上线
前端·后端
东东2331 小时前
前端开发中如何取消Promise操作
前端·javascript·promise
掘金安东尼1 小时前
官方:什么是 Vite+?
前端·javascript·vue.js
柒崽1 小时前
ios移动端浏览器,vh高度和页面实际高度不匹配的解决方案
前端
烛阴1 小时前
为什么游戏开发者都爱 Lua?零基础快速上手指南
前端·lua
大猫会长2 小时前
tailwindcss出现could not determine executable to run
前端·tailwindcss
Moonbit2 小时前
MoonBit Pearls Vol.10:prettyprinter:使用函数组合解决结构化数据打印问题
前端·后端·程序员
533_2 小时前
[css] border 渐变
前端·css