如何创建 - 圆/圆点
了解如何使用 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;
}
亲自试一试 »
