圆角生成器

CSS border-radius属性在线生成工具

Border Radius 生成器

圆角半径

锁定四边

TL: 12px

TR: 12px

BR: 12px

BL: 12px

左上角 (Top-Left)12px

右上角 (Top-Right)12px

右下角 (Bottom-Right)12px

左下角 (Bottom-Left)12px

CSS 代码

.box {
  border-radius: 12px;
}

/* 完整写法 */
.box {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

使用说明

拖动滑块调整四个角的圆角半径，生成可复制的CSS代码。支持px和百分比单位。