css滚动条样式
时间：2026-11-13 21:30:13来源：
CSS中可以通过伪元素`::-webkit-scrollbar`自定义滚动条样式，适用于Chrome、Edge等基于WebKit的浏览器。以下为常见属性及效果总结：
| 属性 | 说明 | 示例值 |
| `width` | 设置滚动条宽度 | `10px` |
| `height` | 设置滚动条高度 | `15px` |
| `background` | 滚动条背景色 | `f1f1f1` |
| `border-radius` | 圆角效果 | `5px` |
| `::-webkit-scrollbar-thumb` | 滚动条滑块样式 | `background: 888;` |
| `::-webkit-scrollbar-track` | 滚动条轨道样式 | `background: eee;` |
注意：此方法不兼容Firefox和IE浏览器。如需全面支持，建议使用JavaScript库或第三方插件。
