html圆角边框绘制半圆,HTML – 在CSS中制作带圆角边缘的微笑/马蹄形/半圆形

Flink建议在评论中添加圈子,所以我尝试了,虽然不完美但它可能是最好的选择.我用圈子编辑了下面的小提琴.如果有人有更好的选择或更好的方法,那么请让我知道/发布答案：

.half-circle {

height:150px;

width: 75px;

border-radius: 150px 0 0 150px;

border-top: 20px solid #000;

border-left: 20px solid #000;

border-bottom: 20px solid #000;

transform: translate(100px) rotate(-90deg);

position: relative;

}

.border-circle {

background-color: #000;

width: 20px;

height: 20px;

border-radius: 100%;

position: absolute;

}

.left-circle {

right: -8px;

top: -20px;

}

.right-circle {

bottom: -20px;

right: -8px;

}