Border Radius 生成器

不用猜数值，也能直观调整圆角

border-radius 看起来简单，但一旦你需要的不只是普通圆角矩形，手动试值就会很费时间。这个生成器可以让你直接调节每个角并实时查看结果，更适合微调按钮、卡片、输入框和其他界面元素。

你可以控制哪些内容

工具覆盖了最常见的 border-radius 调整方式：

• 所有角共用一个值
• 每个角单独设置
• 使用像素或百分比单位
• 通过预设快速切换常见形状

哪些场景特别适合使用

圆角生成器通常适合这些情况：

• 更贴近现有设计系统的风格
• 测试胶囊、圆形或更自然的角形
• 为按钮和卡片生成可复用 CSS
• 减少在开发者工具里反复试错

单位选择会影响最终观感

像素值会带来固定圆角，而百分比更依赖元素本身的尺寸。如果某个形状在一个组件上很好看、换到另一个组件却不协调，记得试试更换单位。