(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);
}
相关推荐
Days205017 小时前
LeaferJS好用的 Canvas 引擎
前端·开源
小白菜学前端17 小时前
vue2 常用内置指令总结
前端·vue.js
林_深时见鹿17 小时前
Vue + ElementPlus 自定义指令控制输入框只可以输入数字
前端·javascript·vue.js
椒盐螺丝钉17 小时前
Vue组件化开发介绍
前端·javascript·vue.js
koooo~17 小时前
v-model与-sync的演变和融合
前端·javascript·vue.js
matlab的学徒17 小时前
Web与Nginx网站服务(改)
linux·运维·前端·nginx·tomcat
从零开始学习人工智能18 小时前
快速搭建B/S架构HTML演示页:从工具选择到实战落地
前端·架构·html
小刘鸭地下城18 小时前
优雅表格设计:CSS 美化技巧详解
css
虫虫rankourin18 小时前
在 create-react-app (CRA) 创建的应用中使用 react-router-dom v7以及懒加载的使用方法
前端·react.js
小刘鸭地下城18 小时前
Web安全必备:关键 HTTP 标头解析
前端