133 · 设计与网页

边界半径生成器

一次将四个角圆化或分别塑造每个角的形状,然后复制 CSS。

您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情

边界半径生成器

如何使用边界半径生成器

  1. 对所有角使用一个滑块,或取消选中它来设置每个角。
  2. 观看预览。
  3. 复制边框半径线。

速记顺序

有四个值, border-radius 从左上角开始按顺时针方向:左上、右上、右下、左下。当所有角都匹配时,该工具会写入一个值。

示例

所有角 24px

边框半径:24px;

40, 8, 40, 8

边框半径:40px 8px 40px 8px;

问题

我如何画一个圆圈?

为方形元素指定 50% 的半径,或者至少为其宽度的一半的半径。

自动翻译。回顾重要结果。