CSS是前端開發不可或缺的技術之一，其強大的樣式功能可以極大地優化網頁效果，其中四個圓角便是css常用的樣式之一。

border-radius: 10px 20px 30px 40px;

其中，border-radius是設置圓角的屬性，后面的數字分別代表左上、右上、右下和左下四個角的圓角半徑，值越大，弧度越大，圓角越圓。

如果忘記了設置具體角度，可以直接使用以下簡寫：

border-radius: 10px; /* 四個角的圓角都是10px */
border-radius: 10px 20px; /* 左上、右上和左下的圓角是10px，右下是20px */
border-radius: 10px 20px 30px; /* 分別代表左上、右上、右下和左下四個角的圓角半徑，值越大，弧度越大，圓角越圓。 */
border-radius: 10px 20px 30px 40px; /* 分別代表左上、右上、右下和左下四個角的圓角半徑，值越大，弧度越大，圓角越圓。 */

對于設置border-radius的元素，不僅可以設置圓角，還可以制作圓形、橢圓形等不同形狀。

border-radius: 50%; /* 制作一個圓形元素 */
border-radius: 50% / 30%; /* 制作一個橢圓形元素，第一個50%設置寬度為高度的一半，第二個30%設置橢圓度，取值范圍為1-99 */

總之，四個圓角是css中一個非常實用的樣式屬性，對于制作圓角矩形、圓形、橢圓形等各種不同形狀的元素都可以使用它來完成。