Border-radius生成器
可视化创建CSS圆角。
Esquinas (horizontal)
Superior izq.16px
Superior der.16px
Inferior der.16px
Inferior izq.16px
border-radius: 16px;CSS圆角生成器（border-radius）
CSS border-radius属性可以圆化任何HTML元素的角落，从细微的圆角到完整的圆形都能实现。它是现代Web设计中最常用的属性之一，几乎出现在所有网站和应用中。按钮、卡片、头像、图片和容器都受益于圆角处理，使界面更加友好和现代。
我们的生成器允许你单独调整每个角落或链接所有角落同时调整。还支持椭圆border-radius（高级模式），使用8个值的语法创建更复杂的有机不对称形状。椭圆语法通过“/”分隔定义水平和垂直半径，可以创建水滴、叶子等基本均匀半径无法实现的有机形状。
工具包含常用预设，如方形、圆角、胶囊、叶片、水滴和票券，你可以将其作为起点进行自定义。实时预览随时更新，CSS代码自动生成，可直接复制粘贴到你的项目中。
常见问题
什么是椭圆border-radius？
椭圆border-radius使用8个值的语法：前4个定义水平半径，后4个定义垂直半径，用“/”分隔。这可以创建具有不对称曲线的圆角，产生比基本border-radius更复杂的有机形状。
如何创建完美的圆形？
要创建完美的圆形，在宽高相同的元素上设置border-radius: 50%。在我们的生成器中，使用“胶囊”预设（四个角都设为100px），并确保元素为正方形。
所有浏览器都兼容吗？
是的，border-radius多年来已兼容所有现代浏览器，包括Chrome、Firefox、Safari、Edge和Opera。当前任何浏览器都不需要厂商前缀。