CSS圆角生成器 - 每日工具 | daystool.com

📐 CSS圆角生成器

可视化调整 CSS border-radius，四角独立控制、实时预览、复制 CSS 与 localStorage

快速高效
简单易用
安全隐私

可视化编辑 border-radius 四角。渐变背景见 CSS 渐变生成器； 毛玻璃见 Glassmorphism。

左上 TL

H 16
V 16

右上 TR

H 16
V 16

左下 BL

H 16
V 16

右下 BR

H 16
V 16

CSS 输出

border-radius: 16px;

相关工具

使用说明

拖动滑块或选择预设调整四角圆角，实时预览并生成 border-radius CSS；数值保存到 localStorage。

  1. 选择预设或拖动四角 H/V 滑块。
  2. 勾选「同步四角」可一次调整所有角。
  3. 复制 CSS 或完整 .selector { … } 规则到样式表。

数据均在浏览器本地处理，不会上传到服务器。