(css)滚动条样式
效果:
文章来源地址https://www.toymoban.com/news/detail-603477.html
/*滚动条整体样式*/
::-webkit-scrollbar {
width: 2px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 10px;
}
::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
width: 2px;
height: 60px;
background: linear-gradient(0deg, #1f94b8 0%, #81d8b4 100%);
}
::-webkit-scrollbar-track {
/*滚动条里面轨道*/
border-radius: 10px;
background: rgba(0, 0, 0, 0);
}
文章来源:https://www.toymoban.com/news/detail-603477.html
到了这里,关于(css)滚动条样式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!