CSS可不僅僅只是用來設置文本樣式的哦，還可以通過一些簡單的代碼來繪制各種形態的圖形。下面我們來看看如何繪制矩形、圓形、三角形和梯形。

矩形：

.rectangle {
width: 100px;
height: 50px;
background-color: #f00;
}

上述代碼中，我們通過設置寬、高和背景顏色屬性來繪制出了一個紅色的矩形。

圓形：

.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #0f0;
}

通過設置寬、高以及邊框半徑屬性，我們可以輕松繪制出一個綠色的圓形。

三角形：

.triangle {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #00f;
}

通過設置寬、高、左、右、下邊框的寬度、樣式和顏色，我們可以繪制出一個藍色的三角形。

梯形：

.trapezoid {
width: 100px; 
height: 0; 
border-bottom: 50px solid #333; 
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}

通過設置寬、高以及上、下、左、右邊框的寬度、樣式和顏色，我們可以輕松繪制出一個灰色的梯形。

以上就是四種基本的圖形繪制方法了。實際上，還有更多的CSS屬性可以用來繪制更加豐富多彩的圖形，希望大家可以多多嘗試，發掘更多繪制的可能性。