如何使用 HTML 和 CSS 绘制半月？

HTML 结构

首先，在 HTML 中我们需要使用一个 div 元素来作为半月的容器：

<div class="semicircle">
  <!-- 半月的具体内容 -->
</div>

CSS 样式

接下来，在 CSS 中，我们需要为这个容器添加一些样式来绘制出半月。

.semicircle {
  width: 100px;  /* 半月的宽度 */
  height: 50px;  /* 半月的高度 */
  border-radius: 0 0 50px 50px;  /* 圆角半径 */
  background-color: #f00;  /* 半月的填充颜色 */
}

通过设置 width 和 height，我们可以确定半月的大小，而 border-radius 属性则决定了如何绘制圆角，这里我们只将左下角和右下角绘制成了半径为50px的圆角。最后，我们使用 background-color 来填充半月的颜色，这里的 #f00 是红色。

完整代码

下面是完整的 HTML 和 CSS 代码：

<div class="semicircle">
</div>

.semicircle {
  width: 100px;
  height: 50px;
  border-radius: 0 0 50px 50px;
  background-color: #f00;
}

效果展示

最终的效果如下所示：

以上就是使用 HTML 和 CSS 绘制半月的方法了。