如果没有正确完成嵌套带有圆形边框的元素，可能会看起来非常错误。幸运的是，有一个简单的数学技巧可以让它看起来正确。我们需要做的就是计算其中一个元素的边界半径以及它们之间的距离。外部元素的边界半径应该等于内部元素的边界半径与两个元素之间的距离之和。这可以在数学上表示为innerRadius+distance=outerRadius或更简洁R1+D=R2。
.outer{border-radius:24px;padding:8px;}.inner{border-radius:16px;}
今天就讲到这里，如果有问题需要咨询，大家可以直接留言或扫下方