通过css创建半径

Question

我正在尝试使用border-radius，但它似乎不像这个图像。

Answer 1

设置border-radius：50％;

以下是div

的示例css代码

div {
height: 500px;
border: 2px solid #a1a1a1;
padding: 10px 40px; 
background: yellow;
width: 400px;
border-radius: 0% 50% 50% 0%;
}

Answer 2

如果要创建圆，请为div指定相同的高度和宽度，并将border-radius属性添加50％。

.circle{
  width:400px;
  height:400px;
  background:#000;
  border-radius:50%;
  }

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

Answer 3

如果您尝试将黑色圆圈设为圆圈，则只需将以下css代码添加到div的类/ ID中即可。如果您尝试整个图像，则将此css代码添加到该特定id /类。（如果需要，可以更改高度和宽度。）

#circle{
  width:200px;
  height:200px;
  background:#000;
  border-radius:100%;
  }

<div id="circle"></div>