css 设置滚动条样式

可以使用 CSS 的 ::-webkit-scrollbar 伪元素来设置滚动条的样式，具体代码如下：

/* 设置滚动条整体样式 */
::-webkit-scrollbar {
  width: 10px; /* 滚动条宽度 */
}

/* 设置滚动条轨道样式 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5; /* 轨道背景色 */
}

/* 设置滚动条滑块样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc; /* 滑块颜色 */
  border-radius: 5px; /* 滑块圆角 */
}

/* 设置滚动条滑块在hover状态下的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #999; /* 滑块hover时的颜色 */
}