圆形

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

  • 使用border-radius: 50%将元素的边框曲线化,以创建一个圆形。
  • 由于圆形在任意给定点的半径相同,所以widthheight必须相等。不同的值将创建一个椭圆。
<div class="circle"></div>
.circle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  background: #9C27B0;
}