跳至内容
设计与色彩

边界半径生成器

从微妙的卡片半径到完全有机的斑点,分别调整每个角,将它们链接起来以实现均匀的圆角,并使用斜线语法复制边框半径速记用于椭圆角。

4 最小读取值已更新 2026-11-04

主要事实

类别
设计与色彩
价格
自由的
帐户
不需要
加工
在您的浏览器中
输入
本地文件或粘贴数据
平台
现代桌面和移动浏览器

它的作用

从微妙的卡片半径到完全有机的斑点,分别调整每个角,将它们链接起来以实现均匀的圆角,并使用斜线语法复制边框半径速记用于椭圆角。

独立控制每个角落并预览有机形状和药丸。

如何使用

这是使用 边界半径生成器 的简短版本。

  • 调整角落 — 使用每个角的滑块,或链接所有四个角以将它们编辑在一起。
  • 预览形状 — 在卡片、按钮和正方形之间切换,看看半径在不同尺寸下的表现如何。
  • 复制 CSS — 输出使用四值简写,并在角不同时包含椭圆形式。

重要的功能

边界半径生成器 做得很好。

  • 没有任何东西离开您的设备 — 这项工作发生在您的浏览器选项卡中。此应用程序中没有上传端点,因此我们无法存储、记录或查看您的文件和文本。
  • 无需等待上传 — 您完全跳过了到服务器的往返过程。结果受您自己的 CPU 限制,而不是受网络速度或队列大小限制。
  • 免费、无账户、无配额 — 无注册墙,无水印,无每日限制。可选帐户仅用于跨设备保存收藏夹和预设。

常见问题

我的设计在这里使用安全吗?

是的。该工具完全使用 JavaScript 在您的浏览器中运行。您粘贴或打开的任何内容都不会发送到服务器,并且页面在关闭后不会保留任何副本。

我需要创建一个帐户吗?

不需要。每个工具都无需登录即可完全使用。帐户仅添加已保存的收藏夹和可重复使用的预设。

它可以在手机上使用吗?

是的。该界面是移动优先的,具有大触摸目标和堆叠布局,因此它适用于手机、平板电脑以及台式机。

边界半径中的斜杠是什么意思?

它将水平半径和垂直半径分开。例如,50% / 30% 创建椭圆形而不是圆形,这就是不对称斑点形状的制作方式。

如何画一个完美的圆?

将元素的宽度和高度设置为相等,然后应用 border-radius: 50%。相反,药丸形状使用等于元素高度一半的半径。

打开边界半径生成器

立即尝试 - 它在您的浏览器中运行并且不需要帐户。

打开工具