速查在线工具箱px（4角统一）
CSS圆角生成器简介
CSS圆角生成器用于可视化编辑border-radius属性，支持四角独立设置水平和垂直半径。
功能特点：联动模式（4角统一）和独立模式（不规则形状）切换、px和%单位切换、12种预设形状、一键复制简化后的CSS代码。
适用于卡片/按钮基础圆角、胶囊按钮、正圆头像、有机斑块、不规则装饰形状等场景。
常见问题与解答
px和%单位的区别？
px是绝对像素，适合卡片、按钮等固定视觉元素。%是相对容器宽高的百分比，50%时会得到正圆/椭圆，适合头像、有机斑块。
为什么50%在长方形中得到椭圆？
因为%分别相对于宽和高计算——水平半径=宽×50%，垂直半径=高×50%。长方形宽≠高，所以两个半径不等，得到椭圆。
什么是联动模式？
联动模式下4个角使用相同的圆角值，适合95%的日常UI场景（卡片、按钮、模态框）。独立模式用于不规则形状。