CSS可以很輕松地把一個div組件變成圓形。為了實現這個效果，我們需要使用border-radius屬性，它定義了組件的邊框半徑。

.round{
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #f00;
}

在上面的代碼中，.round是CSS選擇器，它匹配所有class為round的組件。width和height屬性定義了組件的寬度和高度，讓它成為一個正方形。border-radius屬性的值為50%，這樣就把正方形變成了圓形。background-color屬性定義了組件的背景顏色。你可以根據需要修改這些屬性。

當然，你可以使用不同的值來實現其他形狀，例如橢圓形：

.ellipse{
width: 150px;
height: 100px;
border-radius: 50% / 30%;
background-color: #0f0;
}

在上面的代碼中，我們使用“50%/30%”作為border-radius的值，這樣就創建了一個橢圓形組件。你可以通過調整寬高比和邊框半徑來實現各種形狀。