CSS中，我們可以輕松地將一個元素的四個角變成圓角。這是因為我們可以使用border-radius屬性。這個屬性控制元素的圓角大小，它有兩個參數：

border-radius: 10px 20px;

這里我們可以看到，我們設置了兩個值，這將使得我們的元素有差異化的四個圓角大小。并且，CSS還允許我們用一個值，將四個角的大小一致。

border-radius: 20px;

但是，這個屬性不僅僅能控制圓角大小，我們還可以使用指定的值，將某一個角轉化為圓點。比如，我們想使一個元素的左上角變成一個圓點：

border-top-left-radius: 9999px;

我們可以使用任意一個很大的值，比如9999，來使左上角變成一個圓點。這個方法也可以用在其他三個角上。

此外，我們也可以用關鍵詞來代替border-radius屬性的值。例如，我們可以使用“inherit”來讓元素繼承其父級元素的圓角樣式。

border-radius: inherit;

總之，使用CSS中的border-radius屬性，我們可以讓元素的四個角變得舒適且美觀。使用這個屬性也可以使我們的設計變得更多元化和有趣。