⭕ CSS Border Radius Generator

📐 工作原理与说明

将各角半径（支持 px 与百分比）拼装为 CSS border-radius 声明，实时预览并复制；用于圆角容器、胶囊按钮与卡片。

Tweak the radius visually and generate the matching CSS border-radius, supporting per-corner values and percentages.

简单模式

8点控制

圆角大小 20px

四角联动

CSS 代码

📚 深度解析：CSS 圆角生成器

生成胶囊圆角

输入：四角 999px。处理：输出 border-radius。输出：border-radius:999px; 预览胶囊形。

999px 是圆角吗？: 足够大时即胶囊/椭圆，是常见写法。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
生成的代码/图片能直接用吗？: 可直接复制使用，建议粘到项目后在浏览器实测微调；本工具只生成不托管。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

⚠️ 使用说明与注意事项