CSS（層疊樣式表）是一種用于描述網頁樣式的語言，它可以用于繪制各種各樣的圖形。在 CSS 中，通過設置元素的寬度、高度、邊框、背景、陰影等屬性，可以很容易的繪制出矩形、圓形、三角形等圖形。

下面是一些 CSS 繪制圖形的代碼示例。

/* 繪制一個矩形 */
.rectangle {
width: 100px;
height: 50px;
background-color: red;
}
/* 繪制一個圓形 */
.circle {
width: 50px;
height: 50px;
background-color: red;
border-radius: 50%;
}
/* 繪制一個三角形 */
.triangle {
width: 0;
height: 0;
border-top: 50px solid red;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
}
/* 繪制一個梯形 */
.trapezoid {
width: 100px;
height: 0;
border-top: 50px solid red;
border-right: 25px solid transparent;
border-left: 25px solid transparent;
}
/* 繪制一個菱形 */
.diamond {
width: 50px;
height: 50px;
background-color: red;
transform: rotate(45deg);
}

以上代碼示例繪制的圖形都是基本圖形，但是通過組合、調整參數等方式，可以繪制出更為復雜的圖形。通過 CSS 繪制圖形不僅可以減少網頁的圖片加載量，同時可以使得網頁更為輕量級、可定制化。