CSS中的circle是一个非常实用的属性，它可以使HTML元素形成一个圆形。

.circle {
width: 50px;
height: 50px;
border-radius: 50%;
}

上述代码中，我们使用了border-radius属性，并将其值设置为50%，便可以将元素的边框变成圆形。另外，为了将圆形效果展现的更加明显，我们还需设置元素的宽度和高度。

实际应用中，circle属性经常被用在制作圆形头像、按钮等方面，具有非常重要的作用。如下为一个制作圆形头像的示例：

.avatar {
width: 100px;
height: 100px;
border-radius: 50%;
background-image: url('avatar.png');
background-size: cover;
}

上述代码中，我们将头像设置为背景图片，并使用cover值让其尽可能地完全覆盖指定区域。同时，通过将元素的边框设置为圆形，便能够制作出一个非常漂亮的圆形头像。

总之，CSS中的circle属性为我们提供了非常实用且便捷的元素设计方式，值得我们在实际应用中充分利用。