<div> 元素变成圆形，你可以使用 CSS 的 border-radius 属性，并将其设置为一个很大的值或使用百分比值。
<style>
.circle-div {
width: 200px;
height: 200px;
border-radius: 50%; /* 或者使用 border-radius: 9999px; */
background-color: #000;
}
</style><div class="circle-div"></div>
在上面的示例中，我们创建了一个 CSS 类名 .circle-div，并设置了宽度和高度为 200 像素。然后，我们将 border-radius 属性设置为 50%，这会使 <div> 元素的边界形成一个半径等于宽度和高度的一半的圆形。你也可以使用 border-radius: 9999px; 来达到相同的效果。
最后，我们给圆形的 <div> 元素添加了一个背景色，这里使用的是黑色 (#000)，你可以根据需要修改背景色。