CSS 圆角生成器

可视化生成 CSS border-radius 代码，支持分别设置四个角的水平和垂直圆角半径。支持联动模式统一调整，一键复制 CSS 代码。

Preview
Wpx
Hpx
↖ 左上 Top-Left
水平 Hpx
垂直 Vpx
↗ 右上 Top-Right
水平 Hpx
垂直 Vpx
↙ 左下 Bottom-Left
水平 Hpx
垂直 Vpx
↘ 右下 Bottom-Right
水平 Hpx
垂直 Vpx

预设形状

直角
小圆角
中圆角
大圆角
胶囊形
左上大圆角
对角圆角
不规则椭圆
水滴形
叶形
反向圆角
卡片圆角

CSS 代码

border-radius: 0;
/* 或按角单独设置： */
/* border-top-left-radius: 0px 0px; */
/* border-top-right-radius: 0px 0px; */
/* border-bottom-right-radius: 0px 0px; */
/* border-bottom-left-radius: 0px 0px; */