面试官让你使用CSS画一个圆，你会吗？

最近看到一道比较基础的前端面试题，和大家分享下。面试官问：请使用CSS绘制一个圆。

方法：使用border-radius

我们只需要将border-radius设置为50%即可。

HTML部分

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

CSS部分

.circle {
  width: 80px;
  height: 80px;
  background-color: pink;
  margin: 10px auto;
  border-radius: 50%;
 }

实现效果