CSS（Cascading Style Sheets）是一種用來描述網頁樣式的語言，它提供了豐富的繪制圖形的功能。使用CSS繪制圖形可以減少圖片的使用，提高網頁加載速度，同時也方便了網頁的維護。

下面我們來介紹使用CSS繪制常見的幾種圖形：

/* 繪制圓形 */
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: blue;
}
/* 繪制三角形 */
.triangle {
width: 0;
height: 0;
border-width: 50px;
border-style: solid;
border-color: transparent transparent red transparent;
}
/* 繪制矩形 */
.rectangle {
width: 200px;
height: 100px;
background-color: green;
}
/* 繪制梯形*/
.trapezoid {
width: 200px;
height: 0;
border-top: 50px solid yellow;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
}
/* 繪制星形 */
.star {
margin: 50px auto;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid yellow;
position: relative;
}
.star:before {
content: '';
position: absolute;
top: -26px;
left: -50px;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid yellow;
transform: rotate(-35deg);
}
.star:after {
content: '';
position: absolute;
top: -26px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 50px solid yellow;
transform: rotate(35deg);
}

通過使用CSS繪制圖形，我們可以輕松實現各種網頁效果，從而提高網頁的視覺效果和交互體驗。