如何用HTML CSS创建半圆/椭圆？就像仪表/速度表

要用HTML和CSS创建半圆或椭圆，可以使用CSS的border-radius属性和伪元素来实现。

创建半圆：

1. 创建一个div元素，并设置宽度和高度相等。
2. 使用border-radius属性将边框的四个角设置为50%。
3. 设置背景颜色或背景图片以呈现所需的样式。

示例代码：

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

.half-circle {
  width: 200px;
  height: 100px;
  border-radius: 100px 100px 0 0;
  background-color: #f00;
}

创建椭圆：

1. 创建一个div元素，并设置宽度和高度。
2. 使用border-radius属性将边框的四个角设置为50%。
3. 设置背景颜色或背景图片以呈现所需的样式。

示例代码：

<div class="ellipse"></div>

.ellipse {
  width: 200px;
  height: 100px;
  border-radius: 50%;
  background-color: #f00;
}

以上代码可以创建一个红色的半圆和椭圆。你可以根据需要调整宽度、高度和背景样式来实现不同的效果。

这里推荐腾讯云的产品：腾讯云云服务器（CVM），提供稳定可靠的云服务器实例，适用于各种场景和业务需求。详情请参考：腾讯云云服务器。