在CSS中，將矩形變?yōu)閳A角可以通過設(shè)置border-radius屬性來實(shí)現(xiàn)。border-radius屬性可以設(shè)置一個(gè)元素的圓角半徑，從而使其邊角變得平滑。

要將矩形變?yōu)閳A角，你需要先創(chuàng)建一個(gè)矩形元素，然后為該元素設(shè)置border-radius屬性，你可以使用以下HTML和CSS代碼來創(chuàng)建一個(gè)帶有圓角的矩形：

HTML代碼：

<div class="rounded-rectangle"></div>

CSS代碼：

.rounded-rectangle {
  width: 200px;
  height: 100px;
  background-color: #ff0000;
  border-radius: 20px;
}

在上面的代碼中，border-radius屬性被設(shè)置為20px，這意味著矩形的四個(gè)角都將變?yōu)榘霃綖?code>20px的圓角，你可以根據(jù)需要調(diào)整這個(gè)值。

如果你想要更***地控制圓角的形狀，可以為每個(gè)角分別設(shè)置不同的半徑值。border-radius屬性可以設(shè)置為20px 30px 40px 50px，這將分別設(shè)置每個(gè)角的半徑。