CSS3的“border-radius”屬性在我們的網頁設計中提供了很好的效果，可以制作出圓角效果。但是，此方法僅適用于所有方形/矩形元素。如果你想將長方形的元素變成圓形，就需要使用CSS3的更強大的屬性，即“border-radius”的“round”屬性。

“border-radius: X% / Y%”：此語法可以為邊框圓角規定不同的橢圓度。第一個值設置水平方向橢圓的半徑，第二個值設置垂直方向橢圓的半徑。如果只提供一個值，此值會被用在兩個方向上。

.box {
width: 200px;
height: 200px;
border-radius: 50% / 50%;
}

在上面的代碼示例中，“border-radius: 50% / 50%;”將盒子的四個角變成了一個完美的圓形。這種情況下，盒子的寬高必須相等，即使指定不同的寬高，盒子也會顯示為一個完美的圓形。

通過更改不同的橢圓形度值可以創建一些有趣的效果。例如，如果您將第一個值設置為100％，第二個值設置為0％，則會創建一個完全水平的邊角，而將第一個值和第二個值都設置為0％將創建一個完全垂直的角。

.box1 {
width: 200px;
height: 150px;
border-radius: 100% / 0%;
}
.box2 {
width: 150px;
height: 200px;
border-radius: 0% / 100%;
}

在上面的代碼示例中，.box1具有完全水平的角，.box2具有完全垂直的角。

“border-radius: round”：這是一個非常強大的屬性。當你設置這樣的值時，CSS會基于元素的寬度和高度自動計算你的邊角的半徑。實際上，這種情況下，你甚至不需要指定半徑。

.box3 {
width: 200px;
height: 200px;
border-radius: round;
}

在上面的代碼示例中，元素的四個角會自動變成圓形。因此，您只需要將值設置為“round”。

總而言之，“border-radius”的“round”屬性可以讓您更輕松地將矩形元素轉換為圓形。這個屬性非常實用，幫助您更好地設計網頁。