圆角生成器

为元素应用 border-radius 属性。像 border-radius: 12px; 这样的单一值会将四个角等量圆化。在此拖动滑块，观察实时预览，然后将生成的声明直接复制到您的样式表中。

斜杠用于分隔水平半径和垂直半径，从而生成椭圆形而非圆形的边角。其形式为 border-radius: h-tl h-tr h-br h-bl / v-tl v-tr v-br v-bl。开启“椭圆圆角”即可独立设置每个轴，工具会为您写出带斜杠的语法。

像素提供固定的圆角半径，与元素大小无关，最适合按钮和卡片。百分比相对于元素的尺寸——正方形上的 50% 会将其变成圆形，适用于需要缩放的胶囊形状和头像。在工具顶部切换单位即可。

不会。该生成器完全在您的浏览器中运行。预览使用纯 CSS 在本地渲染，您输入的任何内容都不会发送到服务器或被存储。