在CSS中，創建圓圈的方法有多種。這里介紹三種主要的方法：

1. 使用border-radius屬性
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: blue;
}

上述代碼使用了border-radius屬性來將一個正方形變為圓形。border-radius值為50%時，正方形會變成圓形。設置了background-color屬性后，可以設置圓圈的顏色。

2. 使用::before偽元素
.circle {
width: 50px;
height: 50px;
position: relative;
}
.circle::before {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
background-color: green;
position: absolute;
top: 0;
left: 0;
}

上述代碼使用了::before偽元素來創建一個圓形。設置了width和height為100%，并使用邊框半徑屬性使元素成為圓形。在偽元素中設置了圓圈的顏色，并使用position屬性來使其相對于包含元素絕對定位。

3. 使用box-shadow屬性
.circle {
width: 50px;
height: 50px;
background-color: purple;
border-radius: 50%;
box-shadow: inset 0 0 0 50px pink;
}

上述代碼使用了box-shadow屬性來創建一個圓形。設置了border-radius屬性來使元素成為圓形，和背景顏色。box-shadow屬性用于添加一個陰影，并使用inset關鍵字來使陰影在元素內部。0 0 0 50px的值表示沒有模糊度，沒有偏移，擴展半徑是50像素。