圆角生成器
以像素或百分比预览并复制每个角的 CSS border-radius 值。
使用方法
Round the corners
Enter a value for each corner and choose pixels or percent. The preview updates as you type.
- Enter top-left, top-right, bottom-right and bottom-left values.
- Choose px or percent.
- Copy the border-radius declaration.
Percent units
Percentages are relative to the box size, so 50% on a square creates a circle and on a rectangle creates an ellipse.
常见问题
Can corners differ?
Yes. Each corner has its own input, allowing asymmetric rounded shapes and leaf-like corners.
Does it support elliptical syntax?
The generated value uses the single-radius-per-corner form. Add a slash manually if you need horizontal and vertical radii.