CSS兩個圓圈怎么畫

在CSS中，我們可以使用border-radius屬性來繪制圓形，如果我們想要繪制兩個圓圈，可以使用兩個div元素，分別為它們設(shè)置border-radius屬性。

我們需要在HTML中創(chuàng)建兩個div元素，

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

我們可以在CSS中為這兩個div元素分別設(shè)置border-radius屬性，以繪制兩個圓圈。

.circle1 {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: red;
}
.circle2 {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: blue;
}

在上面的代碼中，我們分別為circle1和circle2設(shè)置了不同的寬度、高度和背景顏色，我們還為它們設(shè)置了相同的border-radius屬性，以繪制圓形，我們也可以為它們設(shè)置不同的border-radius屬性，以繪制不同大小的圓圈。

使用CSS繪制兩個圓圈的方法很簡單，只需要創(chuàng)建兩個div元素，并分別為它們設(shè)置border-radius屬性即可。