[分享]用html写空心圆圈的代码

在HTML中，我们可以使用CSS的border属性来实现空心圆圈的效果。

代码示例：
circle {
height: 20px;
width: 20px;
border: 1px solid black;
border-radius: 50%;
}

在上面的代码中，我们定义了一个名为circle的样式。这个样式设置了圆的大小和边框，同时使用border-radius属性让圆的边缘呈现圆形。其中，50%的数值应用了圆形边框的半径，使得边框的样式呈现圆形的效果。

在使用时，我们可以直接将这个样式应用于html代码的相应元素中：

<div class="circle"></div>

上面的代码会生成一个空心圆圈，其效果如图所示。

使用CSS的border属性，可以简单地实现空心圆圈的效果，让我们的网页更加美观和有吸引力。