CSS是前端開發中不可避免的技術之一，它可以用來控制頁面的樣式、布局等等。在日常開發中，我們可能會遇到需要用CSS畫直角梯形背景的場景，本文就來介紹一下如何使用CSS實現這個效果。

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

上面的代碼中，我們定義了一個名為"trapezoid"的樣式類。首先，我們設置該元素的寬度為200px，這里根據具體需求進行修改。然后，我們定義了一個0高度的底邊，這會在后面的代碼中進行變形。接下來，我們使用border屬性來定義該元素的邊框。其中，border-bottom創建了一個底邊為100px的紅色實線，border-left和border-right則創建了左右兩側的傾斜邊框，它們的顏色為transparent，這樣它們就不會顯示出來。

最后，我們只需要在HTML中使用div標簽并設置其class為"trapezoid"即可。這樣，我們就成功地創建了一個直角梯形背景。