面试官让你使用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%;
 }

实现效果