在網(wǎng)頁設(shè)計中，經(jīng)常需要繪制不規(guī)則梯形來美化頁面。下面就來介紹一下如何使用 CSS 繪制不規(guī)則梯形。

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

這段代碼就是用來繪制一個藍(lán)色的不規(guī)則梯形的。其中，height 屬性設(shè)置為 0，表示高度為 0，但其實真正的高度是由 border-bottom 的值所決定的。

border-bottom 屬性設(shè)置邊框的樣式，以及它的寬度和顏色。這里是借助其寬度（50px）來達(dá)到梯形效果。

border-left 和 border-right 屬性則分別表示該元素的左右兩邊的邊框樣式。為了讓它變成不規(guī)則梯形，我們將其設(shè)置為透明的邊框，同時讓其斜向上延伸。

以上就是使用 CSS 繪制不規(guī)則梯形的方法。如果需要繪制其他形狀，類似的思想也可以借鑒。