CSS 中圆形的实现有很多种方法，其中一种是使用百分比。我们可以通过设定元素的宽度和高度相等的值，并将 border-radius 设为 50% 来创建一个圆形元素。在这个过程中，我们还可以使用 padding 百分比来控制圆形大小的比例。

.circle {
width: 50%;
height: 50%;
border-radius: 50%;
padding: 50% 0;
background: #333;
}

以上代码会创建一个黑色背景的圆形元素，其大小为父元素宽度和高度的一半。如果需要调整圆形元素的大小，只需要更改 padding 的百分比值即可。

此外，我们还可以使用伪元素来制作一个圆形元素。具体做法是在元素内部创建一个伪元素，将其设为正方形，再将其 border-radius 设为 50%。由于伪元素位置位于元素中心，因此通过修改元素的宽度和高度来调整圆形的大小。

.circle:before {
content: "";
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 50%;
background: #333;
}
.circle {
position: relative;
width: 50%;
height: 50%;
}

以上代码会创建一个与前一种方法相同的黑色背景的圆形元素。需要注意的是，此处的圆形元素的 position 属性为 relative，这是因为伪元素是该元素的子元素，需要在相对定位的元素内部创建。

总之，利用 CSS 中的百分比和圆角属性，我们可以轻松地创建出漂亮的圆形元素。