uniapp css 只要一半的椭圆

要实现只有一半的椭圆效果，你可以使用CSS的伪元素::before或::after来创建一个半圆形的形状。具体步骤如下：

1. 创建一个div元素，并给它一个固定的宽度和高度。
2. 使用position: relative;来设置div元素的定位方式。
3. 使用伪元素::before或::after来创建一个半圆形的形状，设置它的宽度和高度为原div元素的一半，并设置border-radius属性为50%。
4. 使用position: absolute;来设置伪元素的定位方式，并通过top和left属性来调整伪元素的位置。
5. 可以通过设置背景颜色或者插入图片来美化半圆形。

下面是一个示例代码：

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

.half-ellipse {
  width: 200px;
  height: 100px;
  position: relative;
}

.half-ellipse::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100px; /* 宽度为原div元素的一半 */
  height: 100px; /* 高度为原div元素的高度 */
  border-radius: 50%;
  background-color: red; /* 可以根据需要设置背景颜色 */
}

通过调整宽度、高度和位置，你可以根据需要创建不同大小和位置的半圆形。