CSS 是一种可以在网页中控制样式和布局的语言。使用 CSS，我们可以轻松地画出一个圆形。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}

首先，我们会创建一个 class，叫做“circle”。这个 class 会把一个正方形 div 变成一个圆形。我们给这个 div 指定了一个 width 和 height 为 100px，使得它是一个正方形。接着，我们使用了 border-radius 属性，将这个方形转变为圆形。最后，我们指定了 background-color 属性为 red，让这个圆形有一个红色的背景。

为了使圆形看起来更好，我们可以在它的位置和大小上花费一些功夫。下面是一个更加完整的 CSS 样式：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

这段代码是上一个圆的增强版。我们添加了一些新的属性来确保它在页面上居中，并且跟其他元素对齐。我们使用了 position: absolute 来定义圆形的位置，并且使用了 top 和 left 为 50%，让它处于页面的中心点。然后，通过 transform: translate(-50%, -50%) ，我们把圆心调整到了水平和垂直方向上的中心位置。

这样，我们就成功地使用 CSS 画出了一个圆形！