如何用 CSS 讓方形變成圓形，一般使用 border-radius 屬性。該屬性控制圓角半徑。當該屬性值等于元素高度或者寬度的一半時，元素就成為圓形了。

.circle {
width: 50px;
height: 50px;
border-radius: 25px;
background-color: red;
}

上面的代碼指定了一個寬高為 50 像素的元素，并將 border-radius 屬性設置為 25 像素。這使得元素的邊界半徑等于元素寬度或高度的一半，即 25 像素。

可以通過調用其他單位來定義元素的圓角半徑。像素單位和百分比分別取決于元素的大小，而 em 單位相對于元素的字體大小。

.circle-big {
width: 200px;
height: 100px;
border-radius: 50%;
background-color: yellow;
}

上面的代碼指定一個寬高分別為 200 和 100 的矩形元素，并將 border-radius 屬性設置為 50%。這使得元素的邊界半徑等于它的最長邊的一半，即 100 像素。

應使用適當的圓角半徑使元素看起來美觀。這是應用 CSS 的另一個重要方面，可以通過實驗找到最適合您元素的值。