在CSS中，我們可以使用border-radius屬性將盒子的邊框變成圓形。border-radius屬性接受一個(gè)或多個(gè)值，表示不同的圓角半徑。

比如，如果我們想讓一個(gè)盒子所有邊框的圓角都為圓形，可以這樣寫：

.box {
border-radius: 50%;
}

這里的50%表示盒子寬度的50%，即將所有邊框變成一個(gè)完整的圓形。

如果我們只想讓某一個(gè)角為圓形，可以這樣寫：

.box {
border-top-left-radius: 10px;
}

這樣就只將左上角的邊框變成了圓形，其他邊框仍然是直角。

如果需要將多個(gè)角變成圓形，可以使用border-radius的四個(gè)值，分別代表左上角、右上角、右下角、左下角。

.box {
border-radius: 10px 20px 30px 40px;
}

這樣就將左上角的圓角設(shè)置為10px，右上角的圓角設(shè)置為20px，右下角的圓角設(shè)置為30px，左下角的圓角設(shè)置為40px。

如果某個(gè)圓角的值為0，表示該角為直角。比如：

.box {
border-radius: 10px 0 30px 0;
}

表示將左上角和右下角變成圓角，而左下角和右上角為直角。

除了使用具體的像素值來(lái)表示圓角半徑，我們還可以使用百分比和em單位。比如：

.box {
border-radius: 20% 1.5em;
}

這樣表示將左上角和右下角的圓角半徑設(shè)置為盒子寬度的20%，而將右上角和左下角的圓角半徑設(shè)置為1.5em。