CSS 圆角生成

可视化生成 border-radius 代码

统一四角统一圆角： 20px

左上： 20px 右上： 20px 右下： 20px 左下： 20px

border-radius

border-radius: 20px 20px 20px 20px;

CSS 圆角生成器说明

四角圆角：拖动滑块分别设置左上、右上、右下、左下的圆角半径，取值范围 0~200px。

统一四角：勾选后可只用一个滑块同步调整四个角，取消勾选即可分别设置。

复制代码：实时生成 border-radius 属性，点击复制即可粘贴到 CSS 中使用。

所有数据均在浏览器本地处理，不会上传到服务器。