如何绘制半圆（边框，仅轮廓）

Question

如何在CSS中绘制这样的东西？

Answer 1

<div style="
  width: 400px;
  height: 400px;
  border-radius: 200px;
  border: 10px solid black;
  border-right: 10px solid white;
  border-bottom: 10px solid white;
  -webkit-transform:rotate(-45deg);
"></div>

http://jsbin.com/wedudine/1/