CSS是一種樣式語言，是網頁設計中不可或缺的一部分。在CSS中，可以通過各種樣式定義來控制HTML文檔中的元素。在本篇文章中，我們將會學習如何使用CSS來繪制一個直角梯形。

.trapezoid {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 100px solid #f00;
}

這個CSS樣式使用了border屬性來繪制直角梯形。其中，通過設置border-top、border-bottom以及border-left的值來控制梯形的形狀和大小。

接下來解釋一下CSS代碼的意思：

width: 0;和height: 0;的作用是讓元素的寬度和高度為零，這是繪制梯形的重要步驟。

border-top: 50px solid transparent;和border-bottom: 50px solid transparent;在這里的作用是設置上下兩個邊框的高度為50px，并將顏色設置為透明。

最后，border-left: 100px solid #f00;設置左側的邊框為長100px，寬度為實心，顏色為紅色。

這里我們使用了類選擇器來定義樣式，類選擇器以點號開頭，后跟類的名稱。在HTML代碼中使用該類名稱就可以應用該樣式。

使用CSS繪制直角梯形是很簡單的，只需要掌握各種CSS樣式的定義方式，你也可以輕松地實現更多形狀和效果的繪制。