CSS3提供了很多新的樣式和效果，其中組合圓形是一種非常棒且實用的效果。通過組合不同的圓形，我們可以創建出各種各樣的圖形，比如華麗的菱形、漂亮的三角形，甚至可以模仿許多動物和植物的形狀。下面就介紹如何使用CSS3組合圓形。

.circle1 {
width: 100px;
height: 100px;
background-color: #F44336;
border-radius: 50%;
}
.circle2 {
width: 50px;
height: 50px;
background-color: #FFF;
border-radius: 50%;
}
.circle3 {
width: 30px;
height: 30px;
background-color: #00BCD4;
border-radius: 50%;
}
/*通過“相對布局”來組合多個圓形*/
 .outer-circle {
position: relative;
}
.inner-circle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

上面的代碼是如何創建一個圓形元素的基本樣式，分別指定它們的寬度、高度、背景顏色和邊框半徑，其中border-radius屬性就是用來制作圓形的核心。組合圓形的關鍵在于“相對布局”和“絕對布局”，正是這兩種布局方式讓多個圓形元素結合在一起，形成一個新的圖形。

在上面的代碼中，我們把最外層的圓形元素設為relative的相對布局，用來保證它里面的內部圓形元素能夠相對它進行布局。而內部的多個圓形元素則設為absolute的絕對布局，通過top、left和transform屬性來控制它們具體的位置和位移。

這樣，只要掌握了基本的CSS3圓形元素樣式和相對布局、絕對布局的技巧，就可以將多個元素組合在一起，創造出豐富多彩的組合圓形效果了！