CSS是Cascading Style Sheets的縮寫，是一種樣式表語言，用于描述HTML或XML（如SVG或XML）文檔的外觀和格式。我們可以使用CSS來畫出各種類型的圖形，例如矩形。下面我們來學(xué)習(xí)如何使用CSS來畫一個矩形。

.rectangle {
width: 200px;
height: 100px;
background-color: #F00;
}

上面的代碼塊是我們使用CSS畫矩形的最基本的代碼，其中.rectangle是一個類選擇器名稱，你可以自己設(shè)置。width表示矩形的寬度，height表示矩形的高度，background-color表示矩形的填充顏色，這里我們使用#F00表示紅色。

我們可以在HTML文件中使用div標(biāo)簽來呈現(xiàn)矩形，如下所示：

當(dāng)我們希望矩形有邊框時，我們可以加上border屬性：

.rectangle {
width: 200px;
height: 100px;
background-color: #F00;
border: 1px solid #000;
}

上面的代碼塊中，border表示邊框。1px表示邊框的寬度，solid表示邊框的樣式，#000表示邊框的顏色。

如果我們希望矩形的四個角是圓角，我們可以使用border-radius屬性：

.rectangle {
width: 200px;
height: 100px;
background-color: #F00;
border: 1px solid #000;
border-radius: 10px;
}

上面的代碼塊中，border-radius表示邊框的弧度半徑。我們將它設(shè)置為10px。

綜上所述，使用CSS畫矩形非常簡單，只需幾行代碼就可以實現(xiàn)我們想要的效果。當(dāng)然，我們可以根據(jù)自己的需求來修改相應(yīng)的屬性。