运行工具
本工具用于在线生成 CSS 的 border-radius 圆角声明代码。用户可以分别为左上角、右上角、右下角和左下角四个角指定数值，也可以设置所需的 CSS 单位（例如 px、% 或 rem）。当未填写具体数值时，系统默认每个角的数值为 10；当未填写单位时，默认使用 px。工具会依照 CSS 标准顺序（左上、右上、右下、左下）将输入的角数值与单位拼接，运行后结果区会显示可直接复制的 border-radius 代码。无论你需要为容器设置统一的对称圆角，还是为卡片、按钮等元素定制不同曲率的非对称形状，都可以通过调整各个角的参数快速获得对应的样式声明，便于直接粘贴到前端样式表中使用。
使用说明
- 在输入框中分别填写左上角、右上角、右下角和左下角的圆角数值（若留空，各项默认值为 10）。
- 在单位输入框中输入所需的 CSS 长度单位，如 px、% 或 rem（留空时默认为 px）。
- 运行后，结果区会显示 border-radius 代码，您可以复制使用。
示例
- 四角对称圆角：设置左上角 15、右上角 15、右下角 15、左下角 15，单位为 px，运行后结果区显示 border-radius: 15px 15px 15px 15px;
- 非对称圆角：设置左上角 20、右上角 0、右下角 20、左下角 0，单位为 px，运行后结果区显示 border-radius: 20px 0px 20px 0px;
常见问题
如果不填写任何参数，默认会生成什么样式？
四个角的默认数值均为 10，单位默认为 px，因此留空时运行后，结果区会显示四个角均为 10px 的 border-radius 代码。
工具支持哪些单位？
可以在单位框中输入 px、%、rem、em 等常见的 CSS 长度单位，工具会将填入的单位文本附加在每个角数值之后。
四个角的值在生成的代码中是如何排序的？
运行后，结果区显示的代码按顺时针顺序排列，依次为左上角、右上角、右下角、左下角。