OneKitTools logoOneKitTools
返回开发者

CSS 圆角生成器

Visual 边框-radius 编辑器 with corner controls, linked mode, presets, and CSS 输出

关于 CSS 圆角生成器

Design CSS border-radius values with a visual editor — adjust each corner independently, use presets, and 复制 CSS.

如何使用 CSS 圆角生成器

  1. 1Drag the corner sliders or 输入 exact values for each corner.
  2. 2切换'Link All Corners' to adjust all corners simultaneously。
  3. 3选择a unit (px or %) for precise control。
  4. 4Try presets like Pill, Circle, or Blob for instant shapes.
  5. 5复制CSS output and paste it into your stylesheet。

提示

  • Percentage-based values (50%) create perfect circles on square elements regardless of 大小.
  • The Blob preset uses 高级 8-value 边框-radius for organic, asymmetric shapes.
  • Slight 边框-radius (4-8px) on cards and buttons makes UI feel modern 无需 being too rounded.

相关工具

OneKitTools 团队更新于 2.21.4