设置div滚动条样式

要自定义 `<div>` 元素的滚动条样式，可以使用 CSS 的 `::-webkit-scrollbar` 伪元素和相关属性。以下是一个简单的示例：

div::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

div::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条的颜色 */
}

div::-webkit-scrollbar-thumb:hover {
  background-color: #555; /* 设置滚动条在鼠标悬停时的颜色 */
}

div::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 设置滚动条轨道的颜色 */
}

在上面的示例中，`::-webkit-scrollbar` 用于定义滚动条的整体样式，`::-webkit-scrollbar-thumb` 定义滚动条的拇指（滑块）样式，`::-webkit-scrollbar-track` 定义滚动条的轨道样式。

你可以根据需要调整这些样式属性的值，以实现你想要的滚动条外观。记住这些样式只适用于支持 WebKit 内核的浏览器（如 Chrome 和 Safari）。

如果你希望自定义非 WebKit 浏览器的滚动条样式，可以使用一些 JavaScript 库或插件来实现，例如 PerfectScrollbar、SimpleBar 等。这些工具可以帮助你创建跨浏览器兼容的自定义滚动条效果。