CSS圓3等分是一種常用的布局技巧，在網(wǎng)頁(yè)開(kāi)發(fā)中非常有用。首先，我們需要了解CSS中幾個(gè)關(guān)鍵的概念：border-radius、width、height以及transform。利用這些概念，我們可以輕松地實(shí)現(xiàn)圓3等分。

.circle {
width: 200px;
height: 200px;
border-radius: 50%;
position: relative;
}
.circle div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
transform: rotate(120deg);
clip: rect(0px, 200px, 200px, 100px);
}
.circle div:first-child {
transform: rotate(0deg);
}
.circle div:last-child {
transform: rotate(240deg);
}

以上代碼中，我們首先創(chuàng)建一個(gè)寬高均為200px的圓形（border-radius:50%），并將其position屬性設(shè)為relative，使內(nèi)部的div元素可以相對(duì)于這個(gè)圓形進(jìn)行定位。接著，我們創(chuàng)建3個(gè)元素（div），并利用CSS中的transform屬性將這三個(gè)元素均勻地分布在圓形中。

通過(guò)clip屬性，我們可以控制每個(gè)元素的范圍，使其只顯示圓形的某一部分。最終，我們得到了一個(gè)圓3等分的布局效果。