css美化滚动条

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

CQ凌云

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

阅读量437

点赞数 1

CC 4.0 BY-SA版权

文章标签： css css3 html

本文链接：https://blog.youkuaiyun.com/sumuyun/article/details/122338347

这篇博客主要记录如何使用CSS3技术来美化网页中的滚动条，提供了一段代码示例，并展示了其应用效果。

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

记录一下，方便自己日后用

代码

/*
滚动条美化
 */
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
   
   
    width: 7px;
    height: 7px;
    background-color: #f7f7f7;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
   
   
    box-shadow</