CSS中讓兩個圓重合的方法

在CSS中，我們可以通過設置元素的形狀為圓形，并調整其位置，來實現兩個圓的重合，下面是一種簡單的方法：

1、我們需要創(chuàng)建兩個圓形元素，這可以通過設置元素的寬度和高度為相同的值，并使用border-radius屬性將其轉換為圓形來實現。

<div class="circle1"></div>
<div class="circle2"></div>

2、我們需要將這兩個圓形元素設置為***定位，這可以通過使用position屬性并將其值設置為absolute來實現，我們可以使用top和left屬性來調整每個圓的位置。

.circle1, .circle2 {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

3、我們可以將第二個圓放置在***個圓的上方或下方，以實現兩個圓的重合，這可以通過調整top屬性的值來實現。

.circle2 {
  top: -50px; /* 將第二個圓放置在***個圓的上方 */
}

通過這種方法，我們可以輕松地在CSS中實現兩個圓的重合，希望這篇文章能幫助你實現所需的效果。