CSS中可以使用border-radius屬性將長(zhǎng)方形變成圓角，具體步驟如下：

1、創(chuàng)建一個(gè)HTML元素，例如一個(gè)div，并給它一個(gè)類(lèi)名，rounded-rectangle。

2、在CSS中，使用border-radius屬性來(lái)定義圓角的半徑，如果你想要一個(gè)半徑為20px的圓角，你可以這樣寫(xiě)：

.rounded-rectangle {
  border-radius: 20px;
}

3、如果你想要定義不同角的半徑，可以使用斜線(xiàn)來(lái)分隔不同的值，如果你想要一個(gè)上角半徑為20px，下角半徑為40px的圓角，你可以這樣寫(xiě)：

.rounded-rectangle {
  border-radius: 20px 40px;
}

4、如果你想要定義一個(gè)完整的圓角矩形，可以使用斜線(xiàn)來(lái)定義四個(gè)角的半徑。

.rounded-rectangle {
  border-radius: 20px 40px 60px 80px;
}

5、確保你的HTML元素有足夠的寬度和高度來(lái)顯示圓角，如果你想要一個(gè)寬度為300px，高度為200px的圓角矩形，你可以這樣寫(xiě)：

.rounded-rectangle {
  width: 300px;
  height: 200px;
  border-radius: 20px 40px 60px 80px;
}

你的HTML元素應(yīng)該會(huì)被渲染成一個(gè)圓角矩形。