CSS中，我們可以使用border-radius屬性來將盒子的邊框變成圓弧，這個屬性可以設(shè)置一個數(shù)值，這個數(shù)值就是弧形的半徑，單位為像素，如果想要讓四個角都變成同樣的弧形，那么可以寫一個數(shù)值，如果想要讓四個角變成不同的弧形，那么可以分別設(shè)置四個角的數(shù)值。

我們有一個盒子，它的邊框是直角，現(xiàn)在想要將其變成圓弧，那么可以如下設(shè)置：

.box {
  border-radius: 10px;
}

這樣，盒子的四個角都會變成半徑為10像素的弧形，如果想要讓四個角變成不同的弧形，那么可以分別設(shè)置：

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

這樣，盒子的四個角會變成半徑分別為10像素、20像素、30像素和40像素的弧形，注意，這個屬性的值是按順時針方向給出的，即左上角、右上角、右下角和左下角。

使用border-radius屬性，我們可以輕松地讓盒子的邊框變成圓弧，從而增加頁面的美觀度和用戶體驗。