CSS怎么畫出兩個圓圈

在CSS中，我們可以使用border-radius屬性來繪制圓形，通過設定兩個相鄰的div元素，我們可以創(chuàng)建兩個圓圈，以下是一個簡單的示例：

HTML結(jié)構(gòu)：

<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;
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
.circle:nth-child(1) {
    top: 0;
    left: 0;
    background-color: red;
}
.circle:nth-child(2) {
    top: 0;
    right: 0;
    background-color: blue;
}

在這個示例中，我們創(chuàng)建了一個包含兩個div元素的容器，每個div元素都被設置為圓形，通過使用border-radius屬性來實現(xiàn)，我們通過position屬性將兩個圓形放置在一起，你可以根據(jù)需要調(diào)整容器的寬度和高度，以及圓形的位置和大小。