CSS可以實現各種各樣的形狀，比如圓形、多邊形和梯形等。在本文中，我們將介紹如何使用CSS來創建一個直角梯形。

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

如你在代碼塊中所見，要創建一個直角梯形的關鍵是使用border屬性。具體來說，使用border-bottom屬性定義頂部的寬度和顏色，使用border-left和border-right屬性定義左右斜邊的寬度和透明度。

下面，我們解釋一下代碼的具體內容:

• border-bottom: 100px solid black; 設置梯形的頂部厚度、顏色為黑色，高度為100像素。
• border-left: 50px solid transparent; 設置梯形的左斜邊的厚度為50像素，顏色為透明。
• border-right: 50px solid transparent; 設置梯形的右斜邊的厚度為50像素，顏色為透明。
• height: 0; 由于該元素的高度是通過邊框的高度來計算的，所以需要將高度設置為0。
• width: 100px; 設置整個梯形的寬度為100像素。

以上是我們創建直角梯形的代碼和解釋，非常簡單易懂。你可以根據自己的需要更改border-bottom、border-left和border-right的屬性值以達到自己想要的梯形效果。