关于此工具
圆角决定了界面的气质，而 border-radius 能做的远不止一个统一的值。这个生成器让你独立地圆化每个角，并使用完整的八值 水平/垂直 语法来创建柔和、有机的“水滴”形状，看起来完全不像一个普通矩形。
拖动滑块，实时观看形状更新，然后复制 border-radius CSS。一切都在你的浏览器中运行。
常见问题
“联动”模式和“单独设置每个角”模式有什么区别？
联动模式会给四个角应用同一个像素圆角值；取消勾选后切换到单独设置模式，可以为每个角分别设置独立的水平和垂直百分比。
可以做出椭圆形（非正圆）的圆角吗？
可以。切换到单独设置模式，为水平和垂直方向设置不同的百分比——CSS 的 border-radius 本身支持每个角有两个半径值，这个工具把两者都开放出来了。
怎样做出一个正圆形或胶囊形状？
要做正圆，把统一圆角设为元素宽/高的 50%（或在单独设置模式下把水平和垂直都设为 50%）；要做胶囊形状，把圆角设为至少元素高度的一半。
我的设计会被上传吗？
不会。预览方块和生成的 CSS 只会在你的浏览器本地计算生成。
为什么输出的 CSS 里有时会带一个斜杠（/）？
斜杠用于分隔水平和垂直方向的半径值（`border-radius: h1 h2 h3 h4 / v1 v2 v3 v4`）——这只会出现在单独设置模式下，因为联动模式只需要一个值。