CSS可以很方便地實現圓圈這種圖形效果。下面是幾種實現方式：

/*第一種方式：使用border-radius*/
.circle1 {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
}
/*第二種方式：使用偽元素*/
.circle2 {
width: 100px;
height: 100px;
position: relative;
background-color: green;
}
.circle2::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
background-color: green;
}
/*第三種方式：使用clip-path*/
.circle3 {
width: 100px;
height: 100px;
clip-path: circle(50%);
background-color: blue;
}

以上三種方式的效果都是實現圓圈的效果。第一種方式使用了CSS3的border-radius屬性，將矩形元素變成了圓形元素。第二種方式則使用了偽元素，在元素上添加一個半徑為50%的圓形偽元素。第三種方式使用了clip-path屬性，將元素剪切成圓形。