.circle {
width: 100px; /* 圆的直径 */
height: 100px; /* 圆的高度 */
border-radius: 50%; /* 设置圆的半径为50% */
background-color: #f00; /* 圆的背景颜色 */
}在上述代码中，大家定义了一个.circle类来设置圆。其中，width和height属性设为100px，就是圆的直径和高度。border-radius属性设置为50%，就是将圆的半径设为50%。最后，大家给圆添加了背景颜色为红色。
接下来，大家可以在HTML代码中添加一个
元素，并为它添加.circle类，这样就能得到一个漂亮的圆形图形了。
<div class="circle"></div>
以上是CSS做圆图的基本方法，你可以自由选择圆的直径、颜色、边框等属性，进一步美化网页的外观。