兩圓重疊是一種常見(jiàn)的圖形效果，可以用CSS來(lái)實(shí)現(xiàn)。首先，我們需要?jiǎng)?chuàng)建兩個(gè)圓，然后讓它們重疊。

HTML代碼如下：

<div class="circle-container">
<div class="circle circle-1"></div>
<div class="circle circle-2"></div>
</div>

接下來(lái)，我們需要為這兩個(gè)圓添加樣式。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
position: absolute;
}
.circle-1 {
background-color: #ff6666;
z-index: 1;
}
.circle-2 {
background-color: #00bfff;
left: 50px;
top: 50px;
}

在上面的CSS代碼中，我們首先設(shè)置了圓的寬度和高度為200px，并使用border-radius屬性將其變?yōu)閳A形。我們還將其定位為絕對(duì)位置。 .circle-1的背景顏色為#ff6666，圓2的背景顏色為#00bfff。圓2的左邊距設(shè)置為50px，上邊距設(shè)置為50px，這樣兩個(gè)圓就可以在頁(yè)面上重疊顯示了。 我們還使用z-index屬性來(lái)控制圓1顯示在圓2之上，這樣圓1就可以完全覆蓋圓2了。

最終的效果非常漂亮。您可以嘗試調(diào)整圓的大小和位置來(lái)創(chuàng)建您自己的效果。