html - 如何在 css 中制作半圆(无边框和轮廓)

Question

我试图在 CSS 中制作一个半圆。 (无边框出)

我也试过这个。但是，不能

clip-path: circle(100% at 0%);

Answer 1

我尝试将剪辑路径更改为 50%，而且您还必须为元素设置宽度和高度。

.wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.semi-circle{
  width: 100px;
  height: 100px;
  background-color: green;
  clip-path: circle(50% at 0%);
}

 <div class="wrapper">
  <div class="semi-circle">
  </div>
 </div>

高度和宽度相等，这一点也很重要。希望对您有所帮助:)