css 谷歌美化滚动条

可以使用以下 CSS 代码来美化滚动条：

/* 宽度 */
::-webkit-scrollbar {
width: 10px;
}

/* 背景颜色 */
::-webkit-scrollbar-track {
background-color: #f1f1f1;
}

/* 滚动条上下箭头 */
::-webkit-scrollbar-button {
background-color: #ccc;
}

/* 滑块 */
::-webkit-scrollbar-thumb {
background-color: #888;
}

/* 滑块悬停时 */
::-webkit-scrollbar-thumb:hover {
background-color: #555;
}

其中：

- `::-webkit-scrollbar` 用于定义整个滚动条的样式；
- `::-webkit-scrollbar-track` 用于定义滚动条轨道的样式；
- `::-webkit-scrollbar-button` 用于定义滚动条上下箭头的样式；
- `::-webkit-scrollbar-thumb` 用于定义滚动条滑块的样式；
- `::-webkit-scrollbar-thumb:hover` 用于定义滑块悬停时的样式。

你可以根据自己的需求修改代码中的颜色和宽度等属性。