css样式写半圆

宽高比是2:1,border-radius设置为宽的长度

<template>
  <div id="app">
      <div class="box"></div>
  </div>
</template>

<style>
 .app{
   width: 100%;
   height: 100%;
 }
 .box{
    width: 100px;
    height: 50px;
    border:1px solid black;
    background-color: blue;
    border-radius: 100px 100px 0 0;
  }
</style>

如图所示：

image.png