CSS中經常需要對元素的邊框進行設置，其中四個角的樣式是我們需要特別關注的。下面讓我們來一起了解CSS四個角的相關知識。

border-top-left-radius屬性用于設置元素左上角的圓角效果。它可以取值為具體的長度或百分比，也可以使用關鍵字inherit繼承父元素的屬性值。

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

border-top-right-radius屬性用于設置元素右上角的圓角效果，使用方式與border-top-left-radius相同。

.example{
border-top-right-radius: 10px;
}

border-bottom-left-radius屬性用于設置元素左下角的圓角效果，使用方式與border-top-left-radius相同。

.example{
border-bottom-left-radius: 10px;
}

border-bottom-right-radius屬性用于設置元素右下角的圓角效果，使用方式與border-top-left-radius相同。

.example{
border-bottom-right-radius: 10px;
}

以上就是CSS四個角的相關知識，通過合理地組合這些屬性，我們可以創建出美觀、精致的界面效果。