⬭

CSS 圆角生成器

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

文件始终留在此设备上

文件在浏览器中处理，绝不上传。网站会下载运行工具所需的代码和资源。无需账号，也无追踪。

使用“下载”将此工具保存为单个 HTML 文件，以便离线使用。

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

输出

关于此工具

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

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

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

我能做出一个圆形吗？

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