我的收藏

还没有收藏的工具,点击工具页面的书签按钮添加收藏。

圆角生成器 - 免费在线使用 | FunToolX

在线免费使用 圆角生成器,无需下载安装,即开即用。FunToolX 提供数百款趣味在线工具。

预览
结果...

关于本工具

圆角生成器:调节四角圆度并生成 border-radius 代码。

通过滑块或输入框调整四个角(左上、右上、右下、左下)的圆角半径。可以锁定四个角同步调整,也可以独立控制每个角。支持椭圆圆角(水平和垂直半径不同)。实时预览圆角效果,显示生成的 border-radius CSS 代码。

border-radius 属性支持简写语法(如 10px 20px 30px 40px)和椭圆语法(如 50%/20%)。工具根据用户输入生成最优的简写形式。预览区域可以调整大小和背景色,模拟实际元素效果。

适合快速调试圆角效果,特别是需要不同角有不同半径时。椭圆圆角可以制作更柔和的视觉效果。

CSS 圆角生成器,可视化调整四个角的圆角半径,支持独立控制和椭圆圆角,生成 CSS 代码。