在web開發(fā)中，經(jīng)常需要制作一些特殊形狀的圖形，比如將兩個圓拼接成一個。CSS提供了一些簡單、易用的方法來實現(xiàn)這個效果。

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

上面的代碼中，我們首先定義了一個.circle類，它設置了一個寬高為100px的正方形并使圓角半徑為50%。接著，我們定義了兩個類，.left和.right，分別代表左側(cè)和右側(cè)的圓。

在.left和.right類中，我們分別為它們設置了不同的背景顏色，并利用CSS的float屬性讓它們分別在頁面的左側(cè)和右側(cè)浮動，接著就可以將它們拼接在一起構成一個整體了。

下面是html代碼：

<div class="circle">
<div class="left"></div>
<div class="right"></div>
</div>

我們將.circle作為容器，然后將.left和.right分別放在左側(cè)和右側(cè)。由于我們已經(jīng)為.left和.right定義了float屬性，這樣它們就會浮動到最左側(cè)和最右側(cè)。

最后，我們就可以通過瀏覽器來預覽這個效果了。通過上面的代碼，我們成功地將兩個圓拼接成一個了。