OTOnline Toolbox
◩

图片与设计工具

Border Radius Generator

Border Radius Generator 在浏览器中运行，用于检查、转换或准备结果，不会把输入发送到服务器。

图片与设计工具

Input / output

16px
32px
48px
24px

Custom shape

16px 32px 48px 24px

CSS 코드

border-radius: 16px 32px 48px 24px;

Longhand CSS

border-top-left-radius: 16px;
border-top-right-radius: 32px;
border-bottom-right-radius: 48px;
border-bottom-left-radius: 24px;

Tailwind rounded

rounded-[16px_32px_48px_24px]

왼쪽 위

오른쪽 위

오른쪽 아래

왼쪽 아래

HelpOpen usage notes, examples, practical tips, and FAQ only when you need them.

What is this tool?

Border Radius Generator 是面向图片与设计流程的本地浏览器工具，输入、选项和结果都在同一页面完成。

How to use it

  1. 粘贴输入

    在输入区域输入或粘贴要处理的值。

  2. 调整选项

    选择适合 border radius, rounded corners, CSS radius 的模式、格式或单位。

  3. 检查结果

    运行工具，确认结果后再复制或下载。

Examples

Border Radius Generator 示例

Input
示例输入
Output
在浏览器中检查后的输出。

Practical tips

  • 内容较大时，先从小样本开始。
  • 广告会保持在主要控件和结果区域之外。

FAQ

Border Radius Generator 应该输入什么？

请输入与页面任务匹配的值，并在运行前调整选项。

可以复制 Border Radius Generator 的结果吗？

可以。检查结果后即可复制或下载。

Border Radius Generator 支持移动端吗？

支持。输入、选项和结果会在小屏幕上纵向排列。

输入会发送到服务器吗？

不会。该工具设计为在浏览器内处理输入。

Tools to Use Together

Color Palette GeneratorCSS Gradient GeneratorBox Shadow Generator