CSS是一種非常強大的標記語言，通過它我們可以輕松地實現各種網頁效果。今天我們來講一下如何使用CSS來繪制立體多邊形。

.polygon {
position: relative;
width: 0;
height: 0;
border-top: 50px solid #007bff;
border-bottom: 50px solid #0057a6;
border-right: 100px solid #00468b;
transform: skew(-20deg, -20deg);
}
.polygon:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-top: 50px solid #007bff;
border-bottom: 50px solid #0057a6;
border-right: 100px solid #00468b;
transform: skew(-20deg, -20deg);
transform-origin: top left;
}

以上是繪制立體多邊形的CSS代碼，我們使用一個class名為"polygon"的div元素，通過border屬性為各個面賦上顏色和寬度，使用transform屬性對div元素和偽元素進行旋轉、傾斜和縮放，實現多邊形的立體效果。

如果需要繪制其他形狀的立體多邊形，只需要調整border屬性和transform屬性的值即可。通過這種方式，我們可以在網頁中添加各種形狀的立體圖形，增強頁面的視覺效果，提升用戶體驗。