CSS 圆角生成器 — 可视化圆角编辑
独立控制每个角的 CSS border-radius，实时预览、预设形状和即时代码输出。
12px
12px
12px
12px
#3b82f6
CSS Output
border-radius: 12px;
评价此工具
3.6 / 5 · 204 人评价
Recommended
Tailwind UIBeautiful UI components保持更新
获取每周开发技巧和新工具通知。
无垃圾邮件，随时退订。
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Adjust sliders for each corner
- Toggle link mode to sync all corners
- Choose your preferred unit (px, %, em)
- Preview the shape in real-time
- Copy the CSS code
Use Cases
- Rounding card corners
- Creating pill-shaped buttons
- Making circular avatars
- Designing organic blob shapes