圆角生成器 | CSS Border Radius 工具

可视化的CSS圆角生成器,支持独立控制每个角。

20px

Border Properties

2px
Preview
CSS Code
border-radius: 20px 20px 20px 20px;
border: 2px solid #3b82f6;

使用说明

  • 使用“所有角”滑块同时调整所有角,或单独调整每个角。
  • 您还可以自定义边框宽度、样式和颜色。
  • 预览会实时更新。
  • 复制生成的CSS代码以在您的项目中使用。

关于圆角

border-radius

border-radius 属性定义元素角的半径。

独立角

您可以为每个角指定不同的值:左上、右上、右下和左下。