网页滚动条
html::-webkit-scrollbar { width: 7px; } html::-webkit-scrollbar-track { background: linear-gradient(0deg, rgb(187 151 244) 0%, rgb(0 243 255) 100%); } html::-webkit-scrollbar-thumb { background: transparent; box-shadow: 0px 0px 0px 100vh white; }
元素内滚动条
#元素id::-webkit-scrollbar { width: 7px; } #元素id::-webkit-scrollbar-track { background: linear-gradient(0deg, rgb(190 150 254) 0%, rgb(78 0 255) 100%); } #元素id::-webkit-scrollbar-thumb { background: transparent; box-shadow: 0px 0px 0px 100vh white; }
div 添加滚动条
css中为元素添加属性:overflow:auto;
示例:
div 滚动条 | 菜鸟工具
https://c.runoob.com/codedemo/5427/
参考:
div 添加滚动条 | 菜鸟教程
https://www.runoob.com/w3cnote/div-scroll.html