使用CSS畫圖是網頁設計中必不可少的技能之一，下面我們來學習一些基本的CSS圖形繪制。

/* 矩形 */
.rect{
width: 200px;
height: 100px;
background-color: #f60;
}

上面這段代碼可以實現一個簡單的矩形的繪制，通過設置寬度、高度和背景顏色來裝飾矩形。

/* 圓形 */
.circle{
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #0cf;
}

這段代碼可以繪制一個圓形，通過設置寬高和border-radius屬性，設置一個半徑為50%的邊框半徑即可實現。

/* 三角形 */
.triangle{
width: 0;
height: 0;
border-top: 50px solid #f60;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

通過設置border-top, border-left和border-right屬性，可以實現一個三角形的繪制。

/* 梯形 */
.trapezoid{
width: 200px;
height: 0;
border-bottom: 80px solid #0cf;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}

通過設置border-bottom, border-left和border-right屬性，可以實現一個梯形的繪制，這里height設置為0。

以上僅是一些簡單的圖形繪制方法，學習更多的CSS圖形繪制技巧，可以加強我們對于網頁設計的理解和能力。