圆圈是通过CSS来设置的，可以通过border-radius属性来创建圆形。在HTML中，可以使用<div>标签来创建一个容器，然后在CSS中设置该容器的border-radius属性为50%，即可将容器设置为圆形。
首先，在HTML中创建一个div容器，并为其添加一个类名，例如class=”circle”。
<div class=”circle”></div>
接下来，在CSS中为这个类名为”circle”的div设置样式。
.circle {
border-radius: 50%;
background-color: red;
}
以上代码中，我们将border-radius设置为50%，这将使div呈现出一个圆形的外观。background-color属性则是设置圆形的背景颜色，这里设置为红色。
最后，在整个页面的CSS样式表中，将.circle类的样式定义在其中。
<style>
.circle {
border-radius: 50%;
background-color: red;
}
</style>
这样就完成了一个简单的圆形设置。通过调整border-radius的值，可以改变圆的大小，使其更加贴近实际需要。
需要注意的是，上述代码只是简单示例，实际应用中需要根据具体需求和页面布局进行适当调整。另外，在实际开发中，建议将CSS样式代码单独保存在外部样式表文件中，并通过<link>标签引入，以提高代码的可维护性和可复用性。
