Sass 圆的边框大小不匹配

我有两个相同边界的div

div {
    position: absolute;
    width: 200px;
    height: 200px;
    border: 6px solid transparent;
}

我希望它们是圆，所以我增加了边界半径：50%； 在那之后，我发现他们的边界不再匹配了

---

这是为什么？

我想你是想

匹配

圆圈-当我删除

最后一个
元素的
边框时注意到了这一点


正文{
背景：#000；
}
身体科{
位置：绝对位置；
宽度：200px；
高度：200px；
边框：6px实心透明；
边界半径：50%；
}
身体，首先{
边框颜色：青色；
}
尸体，最后一个{
/*边框颜色：#000*/
}
我想你是想
匹配
圆圈-当我删除
最后一个
元素的
边框时注意到了这一点


正文{
背景：#000；
}
身体科{
位置：绝对位置；
宽度：200px；
高度：200px；
边框：6px实心透明；
边界半径：50%；
}
身体，首先{
边框颜色：青色；
}
尸体，最后一个{
/*边框颜色：#000*/
}

CSS

div#container{ 
padding-top:10px; 
padding-left: 10px;
background:#CF0; 
width:800px;
height:220px; 
} 

.box{ 
position:absolute;
width:200px; 
height:200px; 
font-size:150px;
border-radius:150px; 
border:6px dotted #0F9; 
    }

HTML

<div id="container">
<div class="box"><div>



您可以使用边框大小增加/减少和更多更改圆边框
CSS

div#container{ 
padding-top:10px; 
padding-left: 10px;
background:#CF0; 
width:800px;
height:220px; 
} 

.box{ 
position:absolute;
width:200px; 
height:200px; 
font-size:150px;
border-radius:150px; 
border:6px dotted #0F9; 
    }

HTML

<div id="container">
<div class="box"><div>



您可以使用边框大小的增加/减少来更改圆边框&更多
С您制作的小提琴？我在codepen中制作了演示，这只是由于像素舍入而产生的抗锯齿。它们大小相同，只是其中一个是黑色的，你可以看到它-我故意把它变成黑色，以显示青色比你做的小提琴更宽？我用codepen制作了演示，这只是由于像素舍入而产生的抗锯齿。它们大小相同，只是其中一个是黑色的，你可以看到它-我故意把它改成黑色，以显示青色的范围更广-只是注意到Paulie_D的评论：像素舍入导致的抗锯齿-这一定是原因：）不，我需要这些边框（这是为了更复杂的事情）我想让第二个div的边框完全覆盖第一个div的边框。在CSSI中，您尝试执行的操作是不可能的。我想让效果像没有抗锯齿一样。有可能吗？？第二个边框覆盖了第一个边框。刚刚注意到Paulie_D的评论：像素舍入导致的抗锯齿-这一定是原因：）不，我需要这些边框（这是为了更复杂的事情）我想让第二个div的边框完全覆盖第一个div的边框。在CSSI中，您尝试执行的操作是不可能的。我想让效果像没有抗锯齿一样。有可能吗？？第二条边界完全覆盖了第一条边界