2023年6月20日发(作者：)

Html5前端⽹页滚动条样式的设置可以在全局⾥⾯设置::-webkit-scrollbar{

/*垂直滚动条的宽*/

width: 5px; height: 16px;}::-webkit-scrollbar-track-piece{

/*修改滚动条的背景和圆⾓*/

background: #abcdef; -webkit-border-radius: 6px;}/*修改垂直滚动条的样式*/::-webkit-scrollbar-thumb:vertical{ background-color: #ffffff; -webkit-border-radius: 6px;}/*修改⽔平滚动条的样式*/::-webkit-scrollbar-thumb:horizontal{ background-color: #faa; -webkit-border-radius: 6px;}

具体可根据需要更改，注释很清楚。

2023年6月20日发(作者：)

Html5前端⽹页滚动条样式的设置可以在全局⾥⾯设置::-webkit-scrollbar{

/*垂直滚动条的宽*/

width: 5px; height: 16px;}::-webkit-scrollbar-track-piece{

/*修改滚动条的背景和圆⾓*/

background: #abcdef; -webkit-border-radius: 6px;}/*修改垂直滚动条的样式*/::-webkit-scrollbar-thumb:vertical{ background-color: #ffffff; -webkit-border-radius: 6px;}/*修改⽔平滚动条的样式*/::-webkit-scrollbar-thumb:horizontal{ background-color: #faa; -webkit-border-radius: 6px;}

具体可根据需要更改，注释很清楚。