边框半径生成器

一个边框半径CSS生成器工具,可快速生成边框半径CSS声明。

Preview

边框半径

自定义我

CSS 输出

border-radius: 10px;

半径控制

单独的角落

10px
10px
10px
10px

统一半径

10px

快速形状

Units

Presets

Square

略微圆角

Rounded

Pill

Circle

顶部圆角

底部圆角

左侧圆角

使用方法

基本控制

  • 使用滑块调整单个角半径
  • 链接半径以同时调整所有角
  • 使用 "快速形状 "按钮获得常用预设
  • 在像素 (px)、百分比 (%) 和 EM (em) 单位之间进行选择

高级功能

  • 保存和加载预设,以便快速访问您最喜欢的形状
  • Click 随机半径灵感
  • 复制生成的 CSS 代码并粘贴到您的项目中
  • Toggle dark mode for comfortable late-night designing

Related Tools