CSS可以很輕松地實現(xiàn)各種形狀，比如讓一個矩形變成梯形。下面將介紹如何使用CSS制作一個梯形。

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

如上代碼所示，首先我們需要給這個元素設(shè)置寬度（width）和高度（height），高度為0，梯形本身沒有高度。接著我們設(shè)置下邊框，通過設(shè)置下邊框的寬度（border-bottom）為50px，我們可以讓梯形的下邊變得很厚。

接著我們需要使用透明的邊框?qū)⑻菪蔚膬蓚€側(cè)面連接起來，此時就需要用到border-left和border-right這兩個屬性了。我們分別將這兩個屬性的邊框?qū)挾仍O(shè)置為25px，并將它們都設(shè)置為透明邊框（transparent），梯形就做好了。

注意，如果想要梯形的左側(cè)更長或更短，可以調(diào)整border-left的寬度。同理，如果想要梯形的右側(cè)更長或更短，可以調(diào)整border-right的寬度。