📱 实时预览
下方预览区域已应用当前滚动条样式，滚动查看效果
🧪 滚动条预览区域 — 请上下滚动查看自定义滚动条效果
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
CSS滚动条样式生成器（CSS Scrollbar Generator）是一个免费在线工具，帮助前端开发者快速生成自定义滚动条CSS代码。通过可视化界面，你可以直观地调整滚动条的各项属性，包括宽度、颜色、圆角和边框等，并实时预览效果。
📋 支持的CSS属性：
• ::-webkit-scrollbar — 整个滚动条
• ::-webkit-scrollbar-track — 滚动条轨道
• ::-webkit-scrollbar-thumb — 滚动条滑块
• ::-webkit-scrollbar-thumb:hover — 滑块悬停状态
• ::-webkit-scrollbar-button — 滚动条按钮
• ::-webkit-scrollbar-corner — 滚动条角落
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🎯 使用场景：
• 个人博客/作品集网站美化
• 企业官网定制化设计
• Web应用UI组件库开发
• 暗黑模式/主题切换适配
• 提升网站整体视觉一致性
━━━━━━━━━━━━━━━━━━━━━━━━━━━━
💡 小提示：调整下方参数后，记得来这里滚动查看效果哦！
🎨 预设主题
⚙️ 滚动条参数
📋 生成的CSS代码
📖 使用说明
1. 在「预设主题」中选择一个风格，或直接在参数面板自定义各项属性
2. 切换上方Tab（整体/轨道/滑块/悬停）调节不同部分的样式
3. 在预览区域滚动鼠标查看实时效果
4. 复制生成的CSS代码，粘贴到你的网站样式表中即可生效
💡 提示：Firefox用户需额外设置 scrollbar-width 和 scrollbar-color 属性。生成的代码中已包含Firefox兼容样式。