🎨 CSS圆角生成器
中文
EN
← 全部工具
Updated: 2026-07-11
广告位 - 顶部 (728×90)
⚙️ 圆角设置
左上角
20px
右上角
20px
右下角
20px
左下角
20px
统一 20px
统一 50px
统一 10px
随机
🔗 统一所有角
预览区域
📋 CSS代码
📋 复制
border-radius: 20px;
广告位 - 中部 (728×90)
📖 使用说明
CSS圆角生成器帮助您可视化创建 border-radius 圆角效果。无需手动编写CSS代码,通过滑块拖拽即可实时预览。
使用方法
分别调整四个角的圆角半径(或勾选"统一所有角"同步调整)
在预览区域实时查看效果
CSS代码自动生成,点击"复制"即可使用
应用场景
按钮设计
— 为按钮添加圆角,提升视觉亲和力
卡片组件
— 卡片容器的圆角修饰
头像/图片
— 设置圆形头像(50%圆角)
对话框/弹窗
— 弹窗圆角设计
💬
📝 反馈建议
✕
💡 功能建议
🐛 问题反馈
💬 其他
0/1000
提交
✅ 感谢反馈!已提交到GitHub Issues
Loading related tools...