CSS是一種強大的前端技術，可以用它繪制各種形狀。例如，我們可以用CSS來繪制梯形。下面我們將介紹CSS如何繪制梯形。

// HTML 結構
<div class="trapezoid">
<p>Hello, world!</p>
</div>
// CSS 樣式
.trapezoid {
width: 200px;
height: 0;
border-bottom: 100px solid #cddc39;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.trapezoid p {
position: absolute;
top: 40px;
left: 0;
right: 0;
text-align: center;
margin: 0;
padding: 15px 0;
color: #fff;
font-size: 20px;
}

在上面的代碼中，我們首先在HTML中定義了一個div元素，它的class屬性設置為"trapezoid"。然后我們在CSS中定義了.trapezoid樣式，它包括了div元素的寬度、高度和邊框。我們將邊框設置為一個下邊框和兩個斜邊框，這樣就可以形成一個梯形的形狀。

接著，我們定義了一個.trapezoid p樣式，用于設置梯形中的內容。我們將p元素的position屬性設置為absolute，這樣就可以使它脫離文檔流，并相對于它的父元素.trapezoid進行定位。接著，我們設置了p元素的top、left和right屬性，使它始終保持在梯形的中央。

最后，我們設置了p元素的顏色、字號和其他樣式屬性，以使它看起來更加美觀。通過這些代碼，我們可以很容易地繪制出一個梯形形狀，并在其中添加內容。