要使用 CSS 设置滚动条样式，您可以使用伪元素 ::-webkit-scrollbar 或 scrollbar-width + scrollbar-color 属性。但需要注意的是，这些属性只在 WebKit 内核（如 Google Chrome 和 Safari）下有效。
对于 ::-webkit-scrollbar，您可以使用以下属性来调整滚动条的样式：
示例代码如下：
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background-color: #eee;
}另一种方法是使用 scrollbar-width + scrollbar-color 属性。scrollbar-width 可以接受的值为 thin、auto 或 none，scrollbar-color 则接受两个颜色值，分别用于滑块和背景。这里的颜色值可以是十六进制值、RGB 值或颜色名称。
示例代码如下：
body {
scrollbar-width: thin;
scrollbar-color: #ccc #eee;
}