css + div 画一个半扇形圆环

可以使用 CSS3 的 border-radius 属性和 transform 属性来实现一个半扇形圆环。以下是一个示例代码：

HTML：

<div class="half-circle"></div>

CSS：

.half-circle {
  width: 100px;
  height: 50px;
  border-radius: 0 50px 50px 0;
  border: 25px solid #000;
  transform: rotate(45deg);
}

解释一下代码：

首先，设置一个 div 容器，设置它的宽度为 100px，高度为 50px。

然后，使用 border-radius 属性设置边框的圆角。由于我们想要一个半扇形，所以只需要设置左下角和右下角的圆角，分别为 50px。

接下来，使用 border 属性设置边框的大小和颜色。

最后，使用 transform 属性将半扇形圆环旋转 45 度。

这样，就可以实现一个简单的半扇形圆环了。