⬭

CSS 圆角生成器

分别调整每个角的圆角半径，实时预览并复制 CSS。

左上 (20px) 右上 (20px) 右下 (20px) 左下 (20px)

输出

关于此工具

用四个滑块独立设置盒子每个角的圆角，并复制生成的 border-radius 规则。预览即时更新，全部在你的浏览器中完成。

各个角是按什么顺序书写的？

简写从左上角开始按顺时针排列：左上、右上、右下，然后是左下。

我能做出一个圆形吗？

在正方形盒子上把每个角都设为元素宽度的一半（或更大），它就会变成一个完美的圆形。