圆和椭圆

圈

要创建圆，请定义具有相等 width 和 height（ 正方形 ）的元素，然后将此元素的 border-radius 属性设置为 50%。

HTML

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

CSS

.circle {
   width: 50px;
   height: 50px;
   background: rgb(246, 156, 85);
   border-radius: 50%;
}

椭圆

一个椭圆是相似于圆形，而是具有用于 width 和 height 不同的值。

HTML

<div class="oval"></div>

CSS

.oval {
  width: 50px;
  height: 80px;
  background: rgb(246, 156, 85);
  border-radius: 50%;
}