CSS3是一種非常強大的樣式表語言，可以實現各種各樣的樣式效果。其中，直角梯形是一個非常實用的效果，可以用來做菜單、箭頭等等。這里我們介紹如何使用CSS3制作直角梯形。

.trapezoid {
width: 0;
height: 0;
border-top: 40px solid #f00;
border-right: 60px solid transparent;
border-bottom: 0 solid transparent;
border-left: 60px solid transparent;
}

上面這段CSS3代碼就可以制作一個紅色的直角梯形。具體來說，我們首先創建一個寬度和高度為0的div，然后使用border屬性來設置邊框，從而創建出直角梯形的形狀。其中，border-top用于設置上邊框，border-right和border-left用于設置梯形兩側的斜邊，而border-bottom則不需要設置，因為我們只需要梯形的上半部分。

當然，如果你想要創建一個倒置的梯形，只需要將border-top改為border-bottom即可。

.trapezoid2 {
width: 0;
height: 0;
border-bottom: 40px solid #f00;
border-right: 60px solid transparent;
border-top: 0 solid transparent;
border-left: 60px solid transparent;
}

上面這段CSS3代碼就可以制作一個紅色的倒置直角梯形。

總的來說，使用CSS3制作直角梯形是非常方便的。只需要設置邊框的各個屬性即可，不需要額外的HTML代碼和圖片。這種方式可以提高網頁的加載速度，還可以減少代碼量，方便維護。