百事通!html滚动条在上方(html滚动条样式)

2022-12-16 12:11:05     来源:关注网

打印 放大 缩小


(相关资料图)

1、Css.test{ width: 50px; height: 200px; overflow: auto; float: left; margin: 5px; border: none;}.scrollbar{ width: 30px; height: 300px; margin: 0 auto; }.test-1::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }.test-1::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; }.test-1::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #EDEDED;}。

本文到此分享完毕,希望对大家有所帮助。



标签: 滚动条样式 对大家有 分别对应

相关阅读