在CSS中，使用transform屬性可以將元素進行變換。借助這個屬性，我們可以利用CSS繪制一個3D矩形。

我們可以使用2個div元素來模擬這個3D矩形，一個div用來表示立方體的前面，一個div用來表示立方體的背面。代碼如下：

<div class="container">
<div class="front"></div>
<div class="back"></div>
</div>

現在我們來設置這個容器元素和其子元素的樣式：

.container {
position: relative;
width: 200px;
height: 200px;
transform-style: preserve-3d;
}
.front {
position: absolute;
width: 200px;
height: 200px;
background-color: gray;
transform: translateZ(100px);
}
.back {
position: absolute;
width: 200px;
height: 200px;
background-color: darkgray;
transform: translateZ(-100px) rotateY(180deg);
}

在這里，我們使用了transform-style屬性，這個屬性用來設置3D變換后的元素是否保留其3D效果。在我們繪制這個3D矩形時，我們需要把這個屬性設置為preserve-3d以保留立方體的3D效果。

我們還使用了translateZ和rotateY兩個屬性來設置這個矩形的位置和旋轉。translateZ屬性可以讓元素沿著z軸移動，而rotateY屬性可以讓元素沿著y軸旋轉。

現在我們可以在瀏覽器中查看這個矩形了，你將會看到一個簡單的3D矩形。如果你想添加更多的3D效果，你可以在這個矩形上添加更多的樣式。

在CSS中，利用transform屬性，我們可以輕松地繪制3D矩形。如果你對CSS繪圖感興趣，那么我們希望這篇教程對你有所幫助。