/* 设置滚动条的样式 */
::-webkit-scrollbar {
width: 5px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(0, 0, 0, 0.8);
-webkit-box-shadow: inset 0 0 3px RGB(243, 243, 244);
}
自定义滚动条样式
本文介绍了一种使用CSS自定义滚动条样式的实现方法。包括滚动条的整体宽度、滚动槽的阴影效果及圆角设计、滑块的背景颜色及其阴影效果等细节。适用于希望改善网页用户体验的设计者。
4306

被折叠的 条评论
为什么被折叠?



