CSS的四個角弧度是指border-radius屬性，它用于設置元素的圓角半徑大小。這個屬性控制元素的圓角大小或橢圓角半徑，使得元素更加美觀。它可以用百分比、像素或其他長度單位來設置。

border-radius: 5px;

上述代碼設置了元素的四個角都有5個像素的圓角。如果想要只設置四個角的其中一個，就需要設置四個不同的屬性值。

border-top-left-radius: 5px;
border-top-right-radius: 10px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 20px;

上述代碼只設置了四個角中的每一個，分別是左上、右上、左下和右下。

除了數值之外，還可以使用百分比來設置元素的圓角大小。這個值是相對于元素的高度或寬度的。比如說，下面的代碼將元素的左上角和右下角都設置為了50%：

border-top-left-radius: 50%;
border-bottom-right-radius: 50%;

可以看出，元素只剩下了一個半圓形的角，使得元素看起來更加圓潤。

還可以使用兩個值來設置圓角半徑。第一個值是水平方向的圓角半徑，第二個值是豎直方向的圓角半徑。例如，下面的代碼將元素的左下角和右上角設置為10px和20px的圓角：

border-bottom-left-radius: 10px 20px;
border-top-right-radius: 10px 20px;

這使得元素左下角和右上角都呈現出稍微傾斜的效果，更美觀。

總之，border-radius屬性是一個很實用的CSS屬性，可以讓我們輕松地為元素添加圓角效果，使得頁面更加美觀。