CSS中，我們可以使用border-radius屬性來(lái)將矩形變彎，也就是讓矩形的四個(gè)角變得圓滑。

我們需要?jiǎng)?chuàng)建一個(gè)矩形，在HTML中，我們可以使用div元素來(lái)創(chuàng)建一個(gè)矩形。

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

在CSS中，我們可以使用width和height屬性來(lái)設(shè)置矩形的寬度和高度。

.rectangle {
  width: 200px;
  height: 100px;
}

我們可以使用border-radius屬性來(lái)讓矩形的四個(gè)角變得圓滑。

.rectangle {
  width: 200px;
  height: 100px;
  border-radius: 20px;
}

在這個(gè)例子中，我們將border-radius屬性設(shè)置為20px，這樣可以讓矩形的四個(gè)角變得相對(duì)圓滑，你可以根據(jù)自己的需求來(lái)調(diào)整這個(gè)值。

除了使用border-radius屬性外，我們還可以在矩形的四個(gè)角上添加一些裝飾性的元素，比如使用偽元素::before和::after來(lái)添加一些裝飾性的內(nèi)容。

.rectangle {
  position: relative;
  width: 200px;
  height: 100px;
  border-radius: 20px;
}
.rectangle::before, .rectangle::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  border-radius: inherit;
  background-color: inherit;
}

在這個(gè)例子中，我們使用了偽元素來(lái)添加裝飾性的內(nèi)容，并將它們的border-radius屬性設(shè)置為與矩形相同的值，這樣可以讓整個(gè)矩形看起來(lái)更加圓滑。