CSS可以實現各種各樣的圖形，比如直角梯形。下面就讓我們看看如何用CSS來制作一款簡單的直角梯形吧！

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

我們先來解析一下上面的代碼。在HTML文檔中，我們需要定義一個只有width和border-bottom屬性的塊級元素，這個元素的height屬性值為0。這樣，我們就可以得到一個只有底邊長度為100px，高為0的矩形。

然后，我們給這個矩形添加了下邊框為50px，顏色為紅色。這個下邊框就是我們的直角梯形的下邊。同時，我們給這個矩形添加了右邊框為50px，顏色為透明的邊框。這個邊框就是我們的直角梯形的斜邊。

如果你想要讓直角梯形向左傾斜，只需要將border-right的值改為border-left即可。這樣，你就可以自由地玩轉CSS制作各種形狀的圖形啦！