在網頁設計中，調整元素的形狀是非常常見的一種操作，而使用CSS繪制直角梯形也是其中一種方法。通過調整不同屬性的數值，我們可以輕松地實現各種大小和比例的梯形。

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

上述代碼就是CSS繪制一個直角梯形的示例代碼。其中，我們使用四個border屬性來分別控制梯形的四條邊框線。最上方的邊框線通過border-top控制，由于梯形的直角位于左下角，所以我們將border-bottom設置為0。而梯形的斜邊通過使用border-left和border-right同時控制，并將一個方向的邊框線顏色設置為透明。

如果我們希望繪制不同比例的直角梯形，只需要調整相應的border屬性數值即可。而且，這種繪制方式也支持多個梯形組合成不同形狀的圖案效果，具有較高的可擴展性。