使用实时可视化编辑器创建完美的 CSS 圆角。独立调整每个角，选择单位（px、%、em、rem），一键复制即用 CSS。100% 免费，纯客户端处理。
border-radius: 8px; CSS 圆角生成器是一个可视化工具，用于为 HTML 元素创建自定义圆角。与猜测数值不同，此工具允许你独立微调每个角 — 左上角、右上角、右下角和左下角 — 并选择单位（px、%、em、rem）。它会自动生成最简洁的 CSS 语法，当角对称时使用简写表示法。无论你是需要微妙的圆角卡片、完美圆形、胶囊形状按钮还是有机叶子形状，此工具都能轻松实现。所有处理都在浏览器中进行 — 数据不会发送到任何地方。
CSS border-radius 属性可以圆化元素外边框的角。你可以设置单一半径让所有角相同，或最多设置四个值独立控制每个角。使用百分比值时，50% 会根据元素的宽高比创建完美圆形或椭圆。
使用 px 实现固定像素级圆角（如卡片用 8px），使用 % 实现随元素缩放的相对大小（如圆形用 50%），使用 em/rem 实现随字体大小缩放的圆角。按钮和卡片通常用 px 最合适，响应式形状用 % 最佳。
CSS border-radius 支持 1-4 个值：1 个值 = 所有角；2 个值 = 左上+右下 和 右上+左下；3 个值 = 左上、右上+左下、右下；4 个值 = 左上、右上、右下、左下。此工具自动检测对称性并输出最短有效语法。
是的。生成的 border-radius 语法遵循 CSS3 标准，在所有现代浏览器中都有效，包括 Chrome、Firefox、Safari、Edge 和移动浏览器。当前浏览器版本不需要厂商前缀。