Hur man skapar：tom cirkel

Lär dig hur du använder CSS för att skapa en tom cirkel.

Hur man skapar en tom cirkel

Steg 1 - Lägg till HTML：

<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>

Steg 2 - Lägg till CSS：

För att skapa en cirkel, använd border-radius 属性，och sätt värdet till 50%。然后将 height och width 使用属性与匹配的值组合：

.dot {
  height: 25px;
  width: 25px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
{}

Prova själv