在CSS中如何制作梯形呢？這里介紹兩種方法。

方法一：

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

代碼解析：

首先設置寬度和高度都為0，然后設置邊框的顏色為紅色，下邊框的寬度為100px。左邊框和右邊框的寬度都為50px，邊框顏色都為透明。這樣就形成了一個梯形。

方法二：

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

代碼解析：

同樣設置寬度為100px和高度為0。這里是設置上邊框的寬度為50px，邊框顏色為紅色。左邊框和右邊框的寬度都為25px，邊框顏色都為透明。這樣也形成了一個梯形。