可以使用 CSS 的 ::-webkit-scrollbar 伪元素来控制滚动条的样式。
以下是一个例子：
::-webkit-scrollbar {
width: 10px; /* 设置滚动条的宽度 */
}
::-webkit-scrollbar-track {
background-color: #f5f5f5; /* 设置滚动条的轨道背景色 */
}
::-webkit-scrollbar-thumb {
background-color: #000000; /* 设置滚动条的滑块颜色 */
border-radius: 5px; /* 设置滑块的圆角 */
}其中，::-webkit-scrollbar 控制整个滚动条的样式，::-webkit-scrollbar-track 控制滚动条轨道的样式，::-webkit-scrollbar-thumb 控制滑块的样式。
需要注意的是，这些样式只在 WebKit 浏览器中生效，如 Chrome 和 Safari。在其他浏览器中，可以使用类似的样式控制滚动条，但具体实现方式可能会有所不同。