CSS 圆角生成器
可视化调节四个角的圆角半径，实时预览并生成 CSS 代码。
核心结论
- 用途：「CSS 圆角生成器」属于「站长工具」分类，用于可视化调节四个角的圆角半径，实时预览并生成 CSS 代码。
- 输入：需要填写 6 项——左上、右上、右下、左下。
- 运行方式：全部计算在浏览器本地完成，输入内容不上传服务器；永久免费，无需注册或安装。
- 结果口径：结果是发起查询那一刻的快照；DNS、证书等存在缓存，实际生效情况请以服务商为准。
温馨提示：本工具结果基于公开数据与算法，仅供参考，不构成专业意见。涉及隐私的查询均在本地完成，不会上传。
什么是CSS 圆角生成器
本工具在本地实时渲染 border-radius 效果并生成可直接复制的 CSS：border-radius 支持 1–4 个值（对应左上、右上、右下、左下，按顺时针排列），也可写成值01/值02 的高级语法做椭圆形圆角。所见即所得，适合做按钮、卡片与头像的圆角微调。
如何使用CSS 圆角生成器
- 在「左上」中填写对应数值
- 在「右上」中填写对应数值
- 在「右下」中填写对应数值
- 在「左下」中填写对应数值
- 在「预览宽度（px）」中填写对应数值
- 在「预览高度（px）」中填写对应数值
- 点击「查询」按钮
- 在下方的「结果」区域查看CSS 圆角生成器的结果
CSS 圆角生成器与同类工具对比
| 工具 | 用途说明 | 适用关键词 |
|---|---|---|
| CSS 圆角生成器（本工具） | 可视化调节四个角的圆角半径，实时预览并生成CSS代码。 | 圆角生成,border radius,css生成,ui设计 |
| CSS 阴影生成 | 生成box-shadow阴影CSS代码。 | css阴影,box-shadow,生成 |
| CSS 滤镜生成 | 按亮度、对比度、饱和度、模糊等参数生成CSSfilter代码。 | css滤镜,filter,滤镜 |
| CSS 渐变生成 | 生成线性渐变背景的CSS代码。 | css渐变,背景,生成 |
| CSS 长度换算 | CSS中的px、pt、pc、in、cm、mm、Q等绝对长度单位互转（按96dpi）。 | css,px,pt,pc,in,cm,mm |
| CSS 压缩 | 去除CSS注释与多余空白，压缩样式体积。 | css压缩,minify,去空格 |
常见问题
结果准确吗？
本工具在浏览器本地完成计算/生成，不上传任何数据；结果基于标准算法或内置数据，仅供参考。