三個圓圈是一個經(jīng)典的 CSS 技巧，多用于展示統(tǒng)計數(shù)據(jù)、技能評估等。通常，它們是通過利用圓形的 border-radius 和背景色實現(xiàn)的。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #ccc;
display: inline-block;
margin-right: 20px;
}

上述代碼是一個簡單的圓圈 CSS 樣式。為了創(chuàng)建三個圓圈，可以使用三個 div 元素，并添加相應(yīng)的類名（如 .circle1、.circle2、.circle3）。

接下來，可以對每個圓圈進行自定義樣式。例如，可以使用不同的背景色和大小。

.circle1 {
width: 150px;
height: 150px;
background-color: #ff6b6b;
}
.circle2 {
width: 125px;
height: 125px;
background-color: #7bed9f;
}
.circle3 {
width: 175px;
height: 175px;
background-color: #70a1ff;
}

通過這種方式，我們可以創(chuàng)建任意數(shù)量的圓圈，并通過添加自定義類名為它們分配不同的樣式。

總之，使用 CSS 創(chuàng)建三個圓圈非常簡單，只需要幾個基本的樣式屬性和 HTML 元素。這個技巧可以大大提高網(wǎng)站的可視化效果，增強用戶的交互體驗。