星球狮工具箱

CSS 圆角生成器

可视化调 border-radius本地处理 · 数据不上传

常用形状

CSS 代码
这个工具还可以用来:CSS圆角生成器border-radius生成器

使用方法

  1. 1拖动滑块调整圆角,或取消“四个角相同”分别调整。
  2. 2也可以点击常用形状。
  3. 3复制 CSS 代码。

常见问题

怎么做圆形?

宽高相等的元素设置 border-radius: 50% 即为圆形。

胶囊按钮怎么做?

设置一个很大的圆角值(如 999px),两端会变成半圆。