颜色和设计
边框半径生成器
免费的 CSS border-radius 生成器。通过实时预览，可视化地为每个角定制半径。复制简写 CSS。适用于按钮、卡片和任何圆形。
Runs in your browser
Border radius generator
CSS
border-radius: 16px;css
编辑注
Understanding · The shape of a corner.
本深度章节目前仅有英文版本。上方的转换工具支持您的语言;长篇说明文章尚未翻译。
常见问题
Quick answers.
›Can I make a circle?
Yes — set border-radius: 50% on a square element. Use the 'square element' preset.
›What's elliptical border-radius?
Each corner can have separate horizontal and vertical radii (e.g. 50% / 30%) for soft, organic 'blob' shapes.
›Does it output Tailwind?
For uniform radii, yes. Per-corner customisation needs custom CSS.
›Is the generator free?
Yes — fully free, no signup.
大家也在搜索
相关工具