技术栈

css滚动条样式

数字浪儿2024-07-11 15:34

滚动条样式


bash 复制代码
  .d1 {
    height: 200px;
    width: 300px;
    overflow-y: scroll;
    border: 1px solid #ccc;
  }

  .d1 > div {
    text-align: center;
  }

  ::-webkit-scrollbar-track {
    background: pink !important;
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(orange, red) !important;
    border-radius: 10px !important;
  }

  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
上一篇:IP 地址与 CDN 性能优化
下一篇:记一次mysql导出到达梦数据库
相关推荐
周航宇JoeZhou
5 分钟前
JP4-7-MyLesson后台前端(五)
java·前端·vue·elementplus·前端项目·mylesson·管理平台
车口
8 分钟前
滚动加载更多内容的通用解决方案
javascript
Yaavi
8 分钟前
一个基于markdown的高性能博客模板
前端·开源·源码
艾小码
27 分钟前
手把手教你实现一个EventEmitter,彻底告别复杂事件管理!
前端·javascript·node.js
幸福摩天轮
36 分钟前
npm发布包
前端
前端AK君
39 分钟前
Gitlab 线上合并冲突的坑
前端
ze_juejin
39 分钟前
ES6 Module 深入学习
前端
章丸丸
42 分钟前
Tube - Studio Videos
前端·后端
因吹斯汀
2 小时前
一饭封神:当AI厨神遇上你的冰箱,八大菜系大师在线battle!
前端·vue.js·ai编程
心一信息
2 小时前
ThreeJS骨骼示例
css·css3·html5
热门推荐
012025 年高教社杯全国大学生数学建模竞赛C 题 NIPT 的时点选择与胎儿的异常判定 完整成品思路模型代码分享,全网首发高质量!!!02UV安装并设置国内源032025年数学建模国赛C题超详细解题思路04A股预测还能更准?开源大模型Kronos带你跑通预测+回测全流程05不再让Windows更新!&Edge游戏助手卸载及关闭自动更新06UV 工具安装与国内镜像源配置指南07KGG转MP3工具|非KGM文件|解密音频082025全国大学生数学建模C题保姆级思路模型(持续更新):NIPT 的时点选择与胎儿的异常判定09教你如何认证 Gemini 教育优惠的二次验证,薅个 1年的 Gemini Pro 会员10解决 WSL Ubuntu 中 /etc/resolv.conf 自动重置问题