CSS中定義圓角矩形的方法

在CSS中，我們可以使用border-radius屬性來(lái)定義圓角矩形。border-radius屬性可以設(shè)置一個(gè)元素的圓角半徑，從而使其成為一個(gè)圓角矩形。

我們需要?jiǎng)?chuàng)建一個(gè)HTML元素，例如一個(gè)div元素：

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

我們可以在CSS中為這個(gè)元素添加border-radius屬性：

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

在這個(gè)例子中，我們?yōu)?code>.rounded-rectangle元素添加了border-radius屬性，并將其設(shè)置為20px，這個(gè)元素的寬度和高度分別為200px和100px，背景顏色為#f0f0f0。

運(yùn)行這段代碼后，你將看到一個(gè)帶有圓角的矩形元素，你可以根據(jù)需要調(diào)整border-radius屬性的值，以及元素的寬度、高度和背景顏色。