快速上手
打开 HeronTool 的 Border Radius (圆角生成) 工具。在左侧面板，您会看到四个输入框，分别对应左上、右上、右下、左下角。直接输入像素值（如 10px）或百分比（如 20%），预览区会实时更新样式。若需统一圆角，点击“同步”按钮，只需设置一个值，其余自动跟随。
进阶技巧
- 独立控制：取消“同步”后，可为每个角指定不同半径，创建不规则形状（如药丸按钮、对话气泡）。
- 预设样式：工具提供“柔和”“圆形”“方形”等预设，一键应用适合卡片、按钮、图片的常见风格。
- 复制代码：调整满意后，点击“复制 CSS”按钮，代码自动带上
-webkit-前缀，兼容所有现代浏览器，直接粘贴到您的样式表中。
常见问题 (FAQ)
Q: 如何将圆角应用到图片上？
A: 在工具中生成样式后，将 border-radius 属性写入图片的 CSS 类即可，图片本身不需裁剪。
Q: 百分比和像素有什么区别？
A: 百分比基于元素尺寸计算，适合响应式布局；像素固定不变，适合固定尺寸元素。
Q: 为什么预览和实际效果不一致？
A: 检查是否设置了 overflow: hidden，否则子元素可能溢出圆角边界。工具内置了容器选项，可模拟真实环境。
文章标签
