CSS 圆角生成器

四角滑块生成 border-radius 并实时预览

联动四角

左上: 16px

右上: 16px

右下: 16px

左下: 16px

预览

CSS

工具简介

CSS 圆角生成器用四角滑块（可联动）生成 border-radius，并提供实时预览与复制。在浏览器本地处理，无需上传。

使用方法

调节圆角滑块
按需开关联动
查看预览
复制 CSS
需要时重置

常见使用场景

设计卡片按钮
对齐设计稿圆角
原型圆角面板
教学 border-radius
快速导出片段

常见问题（FAQ）

Q1: 可以单独设置四角吗？

可以。取消联动后分别拖动。

Q2: 会上传数据吗？

不会。全程在浏览器本地处理。

Q3: 输出什么 CSS？

一条可直接粘贴的 border-radius 声明。

Q4: 支持椭圆圆角吗？

当前覆盖常用像素圆角。

Q5: 可以复制吗？

可以，点击复制 CSS。

相关工具

CSS 阴影生成 CSS 渐变生成器 CSS 单位换算颜色转换