梯形

梯形可以由高度為零（高度為 0px）的塊元素，寬度大於零和邊框構成，除了一側外是透明的：

HTML：

<div class="trapezoid"></div>

CSS：

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

通過改變邊界側，可以調整梯形的方向。