如何創建：空心圓
學習如何使用 CSS 創建空心圓。
如何創建空心圓
第一步 - 添加 HTML：
<span class="dot"></span> <span class="dot"></span> <span class="dot"></span> <span class="dot"></span>
第二步 - 添加 CSS：
要創建圓形，請使用 border-radius 屬性并將值設置為 50%。然后將 height 和 width 屬性與匹配的值組合使用：
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}
