CSS圆角生成器 - 可视化圆角工具

可视化生成CSS border-radius值。控制各个角、使用预设、即时复制CSS代码。免费使用，无需注册。

左上角20px

右上角20px

右下角20px

左下角20px

背景色

边框颜色

Border Width: 2px

预设

CSS

border-radius: 20px 20px 20px 20px;
border: 2px solid #1e40af;
background-color: #3b82f6;

CSS圆角生成器工具

使用可视化CSS border-radius生成器创建漂亮的圆角。独立控制每个角，选择预设形状。

评价此工具

4.7 / 5 · 196 人评价

获取每周开发技巧和新工具通知。

无垃圾邮件，随时退订。

Enjoy these free tools?

Is CSS Border Radius Generator free to use?

Yes, CSS Border Radius Generator is completely free with no signup required. You can use it as many times as you need.

Is my data safe when using CSS Border Radius Generator?

Absolutely. All processing happens directly in your browser. Your data is never sent to any server or stored anywhere.

Can I customize the generated output?

Yes, CSS Border Radius Generator provides various configuration options to customize the output to match your specific requirements.

Can I use the generated output in my projects?

Yes, all generated output is free to use in any personal or commercial project without attribution.

Does the generator handle edge cases?

Yes, CSS Border Radius Generator is designed to handle common edge cases and produce valid, standards-compliant output.