四角联动
椭圆模式(垂直半径独立)
小圆角 4px
卡片 12px
大圆角 20px
胶囊/圆形
异形Blob
border-radius: 左上 右上 右下 左下 可分别设置四角;椭圆角写法为 水平半径 / 垂直半径(如 border-radius: 30px 10px / 20px 40px),产生不对称的有机曲线,即流行的 Blob 异形效果。
快捷技巧:正方形元素设 border-radius:50% 为正圆;按钮设 999px(或高度一半)为全圆角胶囊;iOS 风格卡片多用 12-16px;现代大卡片流行 20-28px。