CSS圓角屬性可用于創建具有圓角邊框的元素。圓角使頁面更加現代化和美觀。以下是CSS圓角屬性的示例和說明。

border-radius: 10px;

此CSS代碼將所有四個邊角設置為圓角。10px值是圓角的半徑大小。您可以調整此值以更改邊角的大小。

border-radius: 10px 5px;

此CSS代碼將左上角和右下角設置為10px半徑，右上角和左下角設置為5px半徑。

border-radius: 10px 7px 5px 3px;

此CSS代碼將左上角設置為10px半徑，右上角設置為7px半徑，右下角設置為5px半徑，左下角設置為3px半徑。

您還可以為每個角指定不同的屬性，例如：

border-top-left-radius: 10px;
border-top-right-radius: 5px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 3px;

此CSS代碼將左上角設置為10px半徑，右上角設置為5px半徑，右下角設置為7px半徑，左下角設置為3px半徑。

您可以將此屬性與其他CSS屬性一起使用，例如：

background-color: lightblue;
color: white;
border: 1px solid black;
padding: 10px;
border-radius: 5px;

此CSS代碼將元素的內容放置在內邊距中，并將其背景色設置為淡藍色，顏色設置為白色。它還將元素的邊框設置為1像素黑色實線，并將其圓角設置為5px。

總之，使用CSS圓角屬性，您可以輕松地創建具有圓角邊框的現代化和美麗的元素。