圓和橢圓

圈

要建立圓，請定義具有相等 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%;
}