在CSS中，我们可以使用border-radius属性来绘制一个圆形的元素。该属性可以控制元素边框的圆角半径大小，实现圆形的效果。

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

在以上代码中，我们首先设置了宽和高都为100px的盒子。然后使用border-radius属性将其圆角半径设置为50%，即正好达到了圆形的效果。最后设置了背景颜色为红色。

当然，如果我们想要一个不同大小的圆，只需要将border-radius属性的值调整即可实现。例如：

.small-circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: #0f0;
}
.large-circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #00f;
}

以上代码分别实现了一个半径为25px、背景色为绿色的小圆和一个半径为100px、背景色为蓝色的大圆。

除此之外，我们还可以通过box-shadow属性来添加阴影效果，让圆形更加立体。例如：

.shadow-circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #f0f;
box-shadow: 0px 0px 10px #000;
}

以上代码实现了一个半径为100px、背景色为紫色、拥有黑色阴影的立体圆形。其中box-shadow属性的值中，第一个0px表示水平方向偏移量，第二个0px表示竖直方向偏移量，10px表示阴影的模糊程度，#000表示阴影颜色。