CSSでborderのみの半円をつくる

borderのみの半円を作りたい! 完成形がこんな感じ↓の枠線だけがついた半円を作りたい! あと、一つのdivだけで作りたい! 早速完成品 .circle{ width: 200px; height: 100px; overflow: hidden; } .circle:before{ content: ''; display: block; width: 170px; height: 170px; border-radius: 50%; border: 15px solid bl…