圆角生成器
可视化生成 CSS 圆角并输出代码，纯前端实时预览，数据不会上传。
圆角调节
预览
CSS
border-radius: 12px;Tailwind 任意值类
rounded-[12px]说明
- 用百分比圆角可得到椭圆效果，50% 时正方形会变成正圆。
- 四个角依次对应 CSS 的 左上 / 右上 / 右下 / 左下 顺序。
使用说明
CSS 圆角（border-radius）能显著提升界面观感。本工具用滑杆直观调节四个角的圆角大小，实时预览效果，并输出可直接使用的 CSS 或 Tailwind 代码。
- 拖动滑杆调节四个角的圆角，或使用统一滑杆一起调整。
- 在预览区实时查看圆角效果。
- 复制生成的 CSS 或 Tailwind 代码，粘贴到样式中。
常见问题
- 能做出胶囊形状吗？
- 可以。把圆角值设得足够大（如 9999px）或使用百分比，即可得到胶囊或圆形效果。
- Tailwind 代码怎么用？
- 圆角类名形如 rounded-lg、rounded-full，直接写在元素的 class 中即可。
- 调节会上传吗？
- 不会。所有调节与预览都在浏览器本地完成。