兩圓重疊的CSS實現(xiàn)方法

在CSS中，我們可以使用border-radius屬性來創(chuàng)建一個圓形，然后通過***定位將兩個圓形重疊在一起，以下是一個簡單的示例：

HTML代碼：

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

CSS代碼：

.circle-container {
  position: relative;
  width: 200px;
  height: 200px;
}
.circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #333;
}
.circle:nth-child(2) {
  top: 50px;
  left: 50px;
}

在這個示例中，我們創(chuàng)建了一個名為circle-container的容器，用于容納兩個圓形，每個圓形都使用border-radius屬性設(shè)置為50%，使其成為一個完整的圓形，我們通過***定位將兩個圓形放置在容器中的不同位置，從而實現(xiàn)重疊效果。