Border Radius 生成器
Border Radius 生成器把四个角分别设为水平与垂直半径,实时预览圆角矩形或半椭圆效果,一键输出单值、四值或斜杠分立的 border-radius 声明,省去手算像素与逐个试错。
永久免费本地计算 · 零上传
🔒 全程在浏览器内计算,输入内容不会离开您的设备。
怎么用
- 分别设定四个角的半径
- 调节水平与垂直比例做椭圆
- 预览形状是否达到预期
- 复制生成的 CSS 声明
典型场景
卡片按钮调出定制圆角风格
把图片裁成半圆或椭圆头像
设计不对称圆角提升辨识度
常见问题
能只改一个角吗?
可以,每个角独立数值,其余保持零不受影响。
斜杠写法是什么?
斜杠分隔水平与垂直半径,用来生成椭圆化的圆角。
支持百分比吗?
支持像素与百分比,百分比随元素尺寸自适应。