CSS是一種在網頁中用于美化和布局的語言。它有許多功能和特性，其中之一就是讓矩形變成圓角的能力。

/* 使用border-radius屬性實現矩形的圓角 */
.rounded-rectangle {
border-radius: 10px; /* 自定義圓角半徑 */
}

上面的代碼展示了如何使用CSS的border-radius屬性來將矩形變成圓角。這個屬性需要一個值來指定圓角半徑，這個值可以是像素、百分比或者其他單位。

如果想要一個更加復雜的圓角效果，可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性分別指定四個角的圓角半徑。

/* 使用border-*-radius屬性實現復雜的圓角效果 */
.complex-rounded {
border-top-left-radius: 20px;
border-bottom-right-radius: 30px;
border-top-right-radius: 10px;
border-bottom-left-radius: 15px;
}

通過使用CSS的border-radius和border-*-radius屬性，我們可以快速、簡便地實現網頁布局和美化中的矩形圓角效果。