css3滚动条美化

最新推荐文章于 2025-06-30 14:41:02 发布

万猿丛中最秃的帅哥

最新推荐文章于 2025-06-30 14:41:02 发布

阅读量270

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： css3 css html

本文链接：https://blog.csdn.net/qq_40787608/article/details/130057549

前端专栏收录该内容

42 篇文章

订阅专栏

这段CSS代码展示了如何使用WebKit浏览器引擎支持的伪元素来定制滚动条的样式。包括设置滚动条的宽度、高度、滚动条thumb的圆角和颜色，以及轨道的颜色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  ::-webkit-scrollbar{
    width: 4px;
    height: 6px;
  }
  ::-webkit-scrollbar-corner{
    display: block;
  }
  ::-webkit-scrollbar-thumb{
    border-radius: 8px;
    background-color: rgba(0,0,0,0.3);
  }
  ::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-track{
    border-right-color: transparent;
    border-right-color: transparent;
    background-color: rgba(0,0,0,0.1);
  }