圆形

使用纯CSS创建一个圆形形状。

• 使用border-radius: 50%将元素的边框曲线化，以创建一个圆形。
• 由于圆形在任意给定点的半径相同，所以width和height必须相等。不同的值将创建一个椭圆。

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

.circle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: #9C27B0;
}