[分享]css写一个半圆

在CSS中，我们可以通过一些简单的方法实现半圆的样式，下面就让我们一起来看看用CSS怎么写一个半圆吧。/ HTML代码 / / CSS代码 / .halfcircle { width: 100px;...

在CSS中，我们可以通过一些简单的方法实现半圆的样式，下面就让我们一起来看看用CSS怎么写一个半圆吧。

/* HTML代码 */
<div class="half-circle"></div>

/* CSS代码 */
.half-circle {
  width: 100px;
  height: 50px;
  background-color: #f00;
  border-radius: 0 0 50px 50px;
} 

在代码中，我们首先创建了一个DIV元素，并添加了一个class名为"half-circle"。

接着，在CSS中，我们设置了该DIV元素的宽度为100像素、高度为50像素，并将背景颜色设置为红色。

最关键的是，我们将元素的上边角和右边角的半径设置为50像素，而下边角和左边角的半径为0像素，这样就可以实现一个半圆形的样式了。

需要注意的是，如果要实现一个正的半圆形，还需要将元素的宽度和高度设置成相等的。

以上就是如何使用CSS来实现一个半圆形的样式，希望对大家有所帮助。