🔄 CSS圆角生成器

关于CSS圆角生成器

border-radius CSS属性为元素的外边框圆整角。可以为所有角设置一个值，或为非对称形状设置四个值（左上、右上、右下、左下）。使用 % 单位可以创建圆形和椭圆。本生成器让你用实时控件调整每个角并即时复制结果。

可控属性

• 左上角 —— 左上角的半径。
• 右上角 —— 右上角的半径。
• 右下角 —— 右下角的半径。
• 左下角 —— 左下角的半径。
• 单位 —— 使用 px 表示固定大小或 % 表示流式形状。
• 联动所有角 —— 一起移动四个角实现统一圆角。

如何使用

1. 选择单位（px 或 %）。
2. 拖动角滑块设置半径。
3. 取消勾选联动所有角可独立设置每个角。
4. 点击复制CSS并粘贴到样式表中。

常见问题

如何制作完美圆形？ 在方形元素上将四个角都设置为 50%。元素的宽度和高度必须相等才能形成完美圆形。

px和%有什么区别？ px 给出与元素大小无关的固定半径。% 相对于元素尺寸计算半径，因此相同的值会随元素缩放自适应。

CSS角的顺序是什么？ 四值语法从左上角顺时针排列：左上 右上 右下 左下。