圓角矩形是一種常見的圖形，通常用于標(biāo)識(shí)、設(shè)計(jì)和其他應(yīng)用中。在 CSS 中，可以使用 `border-radius` 屬性來畫圓角矩形。

以下是使用 CSS 畫圓角矩形的步驟：

1. 創(chuàng)建一個(gè)包含圓角矩形元素的 HTML 元素。

2. 使用 `border-radius` 屬性設(shè)置元素的圓角半徑。圓角半徑的值可以是 `50%`、`75%`、`100%` 或 `125%`(根據(jù)元素的大小和位置而定)。例如：

```

<div style="width: 200px; height: 200px;border-radius: 50%;">

</div>

```

3. 設(shè)置圓角矩形元素的邊框樣式。可以使用 `border` 屬性或 `border-radius` 和 `border-bottom` 屬性的組合來設(shè)置圓角矩形的邊框樣式。例如：

```

<div style="width: 200px; height: 200px;border: 1px solid #ccc;border-radius: 50%;border-bottom: 1px solid #ccc;">

</div>

```

上面的代碼中，圓角矩形的邊框是紅色的，并且圓角半徑是 `50%`，邊框底部是藍(lán)色的。

4. 可以根據(jù)需要調(diào)整圓角矩形的大小和位置。可以使用 `top`、`bottom`、`left` 和 `right` 屬性來設(shè)置圓角矩形的位置和大小。例如：

```

<div style="width: 200px; height: 200px;border-radius: 50%;border: 1px solid #ccc;border-bottom: 1px solid #ccc;top: 50%;bottom: 50%;left: 50%;right: 50%;">

</div>

```

上面的代碼中，圓角矩形的大小和位置分別為 50%,50%,50% 和 50%，并且圓角矩形的邊框是紅色的。

通過以上步驟，我們就可以在 CSS 中畫圓角矩形了。當(dāng)然，還有很多其他的方法可以實(shí)現(xiàn)圓角矩形，比如使用 JavaScript 或者使用圖片等。