首页›文本·编码·数据›Border Radius 生成器

Border Radius 生成器

Border Radius 生成器把四个角分别设为水平与垂直半径,实时预览圆角矩形或半椭圆效果,一键输出单值、四值或斜杠分立的 border-radius 声明,省去手算像素与逐个试错。

永久免费本地计算 · 零上传

🔒 全程在浏览器内计算,输入内容不会离开您的设备。

怎么用

  1. 分别设定四个角的半径
  2. 调节水平与垂直比例做椭圆
  3. 预览形状是否达到预期
  4. 复制生成的 CSS 声明

典型场景

卡片按钮调出定制圆角风格
把图片裁成半圆或椭圆头像
设计不对称圆角提升辨识度

常见问题

能只改一个角吗?

可以,每个角独立数值,其余保持零不受影响。

斜杠写法是什么?

斜杠分隔水平与垂直半径,用来生成椭圆化的圆角。

支持百分比吗?

支持像素与百分比,百分比随元素尺寸自适应。

相关工具