CSS圆角生成器
在线生成 border-radius CSS，快速制作卡片、按钮、头像和Blob形状
预设
四角调整
20px
20px
20px
20px
模式
实时预览
Preview
CSS代码
.box {
width:240px;
height:240px;
background:
linear-gradient(
135deg,
#667eea,
#764ba2
);
border-radius:
20px 20px 20px 20px;
}
什么是CSS border-radius？
border-radius是CSS中用于设置元素圆角的属性， 可以创建圆形头像、圆角按钮、卡片组件以及不规则Blob效果。
CSS圆角生成器有什么用？
通过可视化调整四个角参数， 无需手写border-radius语法， 即可快速生成CSS代码。