CSS直角梯形是一種特殊的樣式效果，它能夠讓一個元素變成一個梯形的樣子，而不是矩形。這種效果通常用于制作網站的菜單、面包屑導航等。

.trapezoid {
width: 0;
height: 0;
border-top: 50px solid blue;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

要畫出一個CSS直角梯形，我們可以使用CSS的border屬性來實現。在這個例子中，我們首先將元素的寬度和高度都設置為0。接下來，我們分別給元素的上邊框和左右兩個斜邊設置不同的樣式。

其中，上邊框的樣式我們設置為實線的邊框，顏色為藍色，高度為50像素；左右兩個斜邊的樣式我們分別設置為空心的邊框，這里的顏色不用管，它們只是為了占據位置。這樣子，我們就得到了一個具有直角梯形形狀的元素了。

需要注意的是，在這個例子中，我們設置的三個邊框所構成的圖形雖然看起來是一個聽上去很不可思議的形狀，但它們實際上只是三個直角三角形組合而成的。通過CSS的邊框特性，我們可以將它們拼接在一起，從而形成一個直角梯形的效果。