大家好,小耶来为大家解答以上的问题。html滚动条在上方，html滚动条样式这个很多人还不知道,现在让我们一起来看看吧！

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;}。

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

版权说明： 本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

标签：