如何 - 圓形
瞭解如何使用 CSS 建立空心圓。
如何建立圓形
步驟 1) 新增 HTML
示例
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
步驟 2) 新增 CSS
要建立一個圓形，請使用 border-radius 屬性並將其值設定為 50%。然後將 height 和 width 屬性與一個匹配的值結合起來。
示例
.dot {
height: 25px;
width: 25px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
}
自己動手試一試 »
