CSS中可以使用border-radius屬性來創建圓形。但是如果想要創建多個圓形，需要使用一些技巧。

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

以上代碼可以創建一個紅色的圓形。如果想要創建多個圓形，可以使用偽元素來實現：

.circle{
width: 100px;
height: 100px;
position: relative;
}
.circle::before,
.circle::after {
content: "";
position: absolute;
top: 0;
border-radius: 50%;
}
.circle::before {
left: 0;
width: 50%;
height: 100%;
background-color: red;
}
.circle::after {
left: 50%;
width: 50%;
height: 100%;
background-color: blue;
}

以上代碼可以創建一個帶有紅色和藍色圓形的方塊。使用偽元素來創建多個圓形也可以使用其他方法，例如使用box-shadow屬性：

.circle{
width: 100px;
height: 100px;
border-radius: 50%;
box-shadow: 0 0 0 10px red,
0 0 0 20px blue;
}

以上代碼可以創建一個帶有紅色和藍色圓形的圓形。