CSS3是一個強大的樣式表語言，它可以用來創建各種各樣的效果。其中，組合圖形是一種非常有趣的效果，可以將多種形狀組合在一起，形成新的圖形。接下來我們來介紹一些常見的CSS3組合圖形。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background: green;
}
.square {
width: 200px;
height: 200px;
background: yellow;
}
.triangle {
width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
}
.circle-square {
display: inline-block;
}
.circle-triangle {
display: inline-block;
position: relative;
top: -100px;
}
.square-triangle {
display: inline-block;
transform: rotate(45deg);
}

以上是一些常用的基礎圖形的CSS樣式。我們用這些基礎圖形可以組合出新的圖形，比如下面這三個組合圖形。

第一個組合圖形是圓形和正方形組合而成的，使用了兩個基礎圖形中的屬性border-radius和display: inline-block。第二個組合圖形是圓形和三角形組合而成的，使用了基礎圖形中的border和position屬性。第三個組合圖形是正方形和三角形組合而成的，使用了基礎圖形中的transform屬性。

通過CSS3組合圖形，我們可以輕松地創建出各種各樣的有趣效果，為網頁添加更多的色彩和樂趣。