在CSS中，我們可以通過border-radius屬性來將一個塊型元素變成一個圓角矩形或圓形。

.box {
border-radius: 5px;
}

以上代碼將給類名為box的元素添加了5px的圓角。我們還可以通過指定每個角的半徑的方式來設置不同的圓角。

.box {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 40px;
}

以上代碼將給類名為box的元素設置了10px、20px、30px和40px四個方向的圓角半徑，形成了一個不規則的圓角矩形。

如果我們想把一個塊型元素變成一個圓形，可以將border-radius的值設置為50%。注意，此時該元素的寬度和高度需相等。

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
}

以上代碼將給類名為circle的元素設置了50%的圓角半徑，形成了一個圓形。

雖然看似簡單，但圓角矩形和圓形在設計中擁有非常重要的作用，可以讓一個設計看起來更加柔和、舒緩，增強用戶的舒適感。