为什么中间的边框比较厚？

Question

我正在尝试使用CSS和HTML创建一条曲线。由于某种原因，线条在中间比在侧面更粗。为什么会这样？

HTML：

<div class="smile"></div>

CSS：

.smile{
    width: 150px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%; 
    border-bottom: 5px solid black;
}

Answer 1

它向中间增加了厚度，因为您已将div的下边框的border-width属性指定为5px。但由于左边框属性或右边框属性没有声明，因此边框必须平滑地从0px到5px呈现一条线，以便呈现为适当的圆角。因此厚度逐渐增加。