border-radius 生成器
拖拽四角输出标准与百分比语法
预览
border-radius: 16px;
圆角设置
百分比语法
快捷预设
关于「border-radius 生成器」
做圆形、胶囊、卡片圆角时不用手算数值：四角分别调整，自动生成最简语法，复制即用。
本地处理不上传服务器免费使用
适用场景
- 为按钮、卡片、头像设置圆角
- 制作圆形或椭圆容器（百分比语法）
- 快速复制 border-radius 代码到项目
使用步骤
- 调整四角半径数值
- 需要圆形/椭圆时开启百分比语法
- 点击复制 CSS 代码
常见问题
数据会上传吗？
不会。生成全程在浏览器本地完成。
百分比语法和像素有什么区别？
像素是固定值；百分比以容器宽高为基准，适合做圆形、椭圆等响应式圆角。