免费 · 无需注册 · 浏览器本地处理
CSS 圆角生成器：独立调整四角的椭圆半径
分别设置四个角的水平和垂直半径，可用像素或百分比，实时预览不对称圆角形状并复制 border-radius 声明。
圆角设置
本地处理border-radius: 28px 42px 20px 12px / 16px 30px 42px 24px;使用步骤
选择像素或百分比，调整四个水平和四个垂直半径，然后复制 CSS。
使用前请检查
在较小元素上，浏览器可能按比例缩放互相重叠的半径；请在真实尺寸下检查。
试一个例子
将左上角设为水平 30 像素、垂直 10 像素，做出不对称卡片。
计算或处理方式
CSS border-radius 的斜杠语法分别表示水平与垂直方向的四角值。
常见问题
分别调整四角的水平与垂直半径，实时预览形状。
如何使用CSS 圆角生成器？
选择像素或百分比，调整四个水平和四个垂直半径，然后复制 CSS。
数据会上传吗？
工具在当前浏览器内处理输入与文件。页面访问统计不包含这些输入内容。
有哪些限制？
在较小元素上，浏览器可能按比例缩放互相重叠的半径；请在真实尺寸下检查。