CSS border-radius 生成器

怎么用？

• 默认四角联动：拖任一滑块四角同步；取消联动可分别调左上/右上/右下/左下。
• 切换 px / % 单位（% 相对元素自身宽高，50% 可变圆/椭圆）。
• 点「复制 CSS」拿走 border-radius: …。

四个值的顺序

border-radius: 左上 右上 右下 左下;（顺时针）。一个值 = 四角相同。 想做头像圆形给正方形设 50%；想做不规则圆角卡片就关掉联动分别调。

关于 chdh.me 在线工具

本工具是 出海导航 chdh.me 免费在线工具集的一员， 同类还有 CSS 渐变生成器、 CSS box-shadow 生成器、 颜色格式转换，均纯前端运行、不上传、不追踪。