首页 > CSS工具 > Border Radius生成器

CSS Border Radius生成器

可视化调整四个角的圆角半径，实时预览效果

预览区域

四角联动

左上角(Top-Left) 20px

右上角(Top-Right) 20px

右下角(Bottom-Right) 20px

左下角(Bottom-Left) 20px

CSS代码 (点击复制)

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

本CSS圆角生成器遵循W3C CSS Backgrounds规范，支持分别控制四个角的border-radius值。圆角设计是现代UI设计中提升视觉亲和力的重要手法，广泛用于按钮、卡片、模态框等组件。推荐搭配阴影生成器 · 渐变生成器 · 颜色转换 | 编写: HTML编辑器团队