如何 - 圆形
了解如何使用 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;
}
自己动手试一试 »