内径 = 外径 − 间距
两个同心的圆角矩形，要让内外两条弧平行，半径之差必须等于它们之间的距离。 外层圆角 16px、内边距 8px，内层就该是 8px。内层照抄 16px，内弧比外弧鼓出来， 四个角看着就是「不对」，但很多人说不出哪里不对。
反过来也一样：内层给小了，内弧比外弧尖。间距比外径还大的时候，内层就该是直角， 公式算出来是负数就取 0。
卡片 16px、内边距 8px，里面的图片就是 8px。写成 calc，就不会抄错。
动手
左边是你现在给的三个数，右边是按公式算出来的。「内层照抄外层」那个按钮就是最常见的错法，点一下看角怎么鼓。
嵌套的圆角，以及一套刻度
一套刻度
一个站有十一种圆角，问题不在哪一种，在十一。刻度的意思是整站只用这几个数： 从一个基数展开，小的给标签、中的给按钮和输入框、大的给卡片和弹层、胶囊给药丸形。 哪一档给什么用是口味，这里只保证它们之间有倍数关系。 令牌体检那页能数出你现在有几种。
气质，口味的部分
四个同尺寸的按钮，只有圆角不同。它们各自「显得」怎样，这一页只描述，不评分， 因为没有一个数能算出「稳重」。
工具感、编辑器、后台。跟等宽字一路。
克制。大部分企业产品和文档站在这一带。
消费品、移动端。圆角一大，阴影往往也得跟着软。
只适合单行的东西。多行内容套胶囊，两端会吃掉文字。
有一条是能说清的：圆角跟元素尺寸有关。同样 8px，放在 32px 高的按钮上是圆润， 放在 400px 宽的卡片上几乎看不出来。所以刻度是按用途分档，不是全站一个数。
能算的和不能算的。嵌套公式是几何，能验；刻度是约定，有倍数关系就行； 气质是口味，这里只摆对照，不给结论。别把第三件事做成打分，那会把口味伪装成数。