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

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

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

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

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

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

應(yīng)使用適當(dāng)?shù)膱A角半徑使元素看起來美觀。這是應(yīng)用 CSS 的另一個(gè)重要方面，可以通過實(shí)驗(yàn)找到最適合您元素的值。