在CSS中，我們經(jīng)常需要創(chuàng)建各種形狀的元素，其中包括梯形。今天我們來學習如何使用CSS創(chuàng)造一個左梯形。

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

在上述代碼中，我們創(chuàng)建了一個類名為“l(fā)eft-trapezoid”的元素，并設置它的寬度為0px，高度為0px。接著，我們通過使用“border”屬性來創(chuàng)建了一個100px的藍色底邊，以及一個50px的透明左斜邊。

要將它變成左梯形，我們還需要添加一些代碼：

.left-trapezoid {
width: 0px;
height: 0px;
border-bottom: 100px solid blue;
border-left: 50px solid transparent;
transform: skew(-30deg);
margin-left: -50px;
}

通過使用“transform”屬性和“skew”函數(shù)，我們將元素沿著垂直方向傾斜了30度。為了讓這個元素能夠垂直居中，我們還加上了一個“margin-left: -50px”的屬性，使其向左偏移50像素。

這樣一來，我們就創(chuàng)建出了一個漂亮的左梯形！