同样大小，边框同样大小的div，变成圆之后重叠，底下的div边框要宽一点的问题

Question

同样大小，边框同样大小的div，变成圆之后重叠，底下的div边框要宽一点，而是方形的时候没有这个问题。

.box{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.box1{
    z-index: 2;
    border: 5px solid #19abe4;
}

.box2{
    border: 5px solid #e3f2eb;
    z-index:4;
} 

<div class="box box1"></div> 
<div class="box box2"></div>

Answer 1

没明白你要表达的具体意思···是这样？

Answer 2

这两个颜色不一样，直接用他们混合后的颜色不行么

border: 5px solid #E3F2EB;

Answer 3

你给 box 一个 padding-bottom 不可以吗？