滚动条样式设置

快乐小土豆~~

于 2024-05-21 16:57:42 发布

阅读量610

点赞数 3

分类专栏：笔记文章标签： css html css3

本文链接：https://blog.youkuaiyun.com/weixin_46394325/article/details/139097106

版权

笔记专栏收录该内容

44 篇文章

订阅专栏

修改滚动条样式

/* WebKit浏览器 */
div::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 8px;
  height: 8px;
}

div::-webkit-scrollbar-thumb {
  /* 滚动条里面的小方块 */
  border-radius: 6px;
  background: linear-gradient(180deg, #dddfe1 0%, #556b81 100%);
}