如何做一个完美的圈子

Question

我不知道我可以使用什么其他方法制作一个完美的圆圈。问题告诉我，在CSS上，圆的直径必须为200px。但是，有人使用其他变量进行了更改。我想以正确的方式做，但是不知道如何做。

我创建了一个div，用于指定图片具有200px，但仍然无法正常显示

<img class="rounded" src="https://assets.breatheco.de/apis/img/funny/einstein.png" />

Answer 1

使用border-radius来实现圆圈。 Read more about border radius

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

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

Answer 2

将boder-radius: 50%;应用于图像：

img {
  border-radius: 50%;
}

<img src="https://picsum.photos/200" />