5邊形圖形的優雅和復雜性在于其五個邊緣、五個角落和對稱度的設計。在CSS中繪制5邊形圖形可以通過多種方式，其中下面這種代碼可以幫助您實現此目的。

.penta {
position: relative;
width: 100px;
height: 100px;
background-color: #333;
transform: rotate(54deg);
}
.penta:before {
content: "";
position: absolute;
left: -10px;
top: 0px;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid #333;
}
.penta:after {
content: "";
position: absolute;
left: -40px;
top: -40px;
width: 0;
height: 0;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
border-bottom: 140px solid #111;
}

在上面的代碼中，其中`.penta`類定義了5邊形形狀的尺寸和顏色屬性。內部的`transform: rotate(54deg);`表示了它被旋轉的角度。`.penta:before`和`.penta:after`類定義了邊緣和角落的屬性。我們使用border屬性創建三角形，并將其旋轉，以使其呈現所需的形狀。通過這種方式，我們就可以創建一個簡單而又漂亮的CSS 5邊形。