CSS3 繪制矩形是 web 開發中經常用到的一個功能，下面我來詳細介紹一下。

.rectangle {
width: 200px;
height: 100px;
background-color: #ff0000;
border: solid 2px #000000;
}

上述代碼中，我們創建了一個名為 rectangle 的 class，它的寬度是 200px，高度是 100px，背景顏色是紅色（#ff0000），邊框為黑色實線，寬度為 2px。

如果我們把這個 class 應用到一個 div 元素上，代碼如下：

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

那么我們就能看到一個紅色的矩形，寬度為 200px，高度為 100px，而且邊框為黑色實線。

CSS3 繪制矩形還有很多其他的方法，在實際開發中，可以根據需要來選擇最合適的方法。