在網頁設計中，常常會遇到需要將兩個圓形重疊在一起的情況，這時候我們可以通過CSS的技巧來實現。下面是一個簡單的示例：

.circle {
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
position: absolute;
bottom: 0;
left: 0;
}
.circle-2 {
width: 80px;
height: 80px;
background: blue;
border-radius: 50%;
position: absolute;
bottom: 10px;
left: 10px;
}

首先，我們分別定義了兩個圓形樣式，分別為.circle和.circle-2。兩者的區別在于，.circle-2是要比.circle小一些，這樣才能實現重疊的效果。

接下來，我們需要通過position屬性將兩個圓形都定位到底部。這里我們使用了絕對定位（absolute），并且都將bottom屬性設置為0，這樣可以讓兩個圓形都貼在底部。

但是，單純這樣設置會導致兩個圓形完全重疊在一起，無法看到藍色的圓形。因此，我們需要給藍色的圓形設置一些偏移量，讓它相對于紅色圓形有一定的距離。

這里我們給藍色圓形設置了10px的偏移量，這樣就能夠看到紅色圓形的一部分，同時也能看到藍色圓形。至此，我們成功實現了兩個圓底部重疊的效果。