设计工具
CSS 圆角生成器
分别设置四个角的圆角并实时预览组件效果。
圆角预览
border-radius: 24px;使用指南
功能介绍
分别设置四个角的 CSS border-radius，实时预览组件效果并复制代码。
使用方法
- 调整四个角的像素值。
- 选择是否使用百分比格式。
- 复制 border-radius 代码。
使用建议
- 按钮适合较小圆角，卡片可以使用更大的圆角。
- 百分比圆角会随着元素尺寸变化。
分别设置四个角的圆角并实时预览组件效果。
border-radius: 24px;分别设置四个角的 CSS border-radius，实时预览组件效果并复制代码。