平排正六邊形是一種獨特的形狀，可以通過 CSS3 來進行展示。在 CSS3 中，我們可以使用 transform 屬性和偽元素來創建一個完美的平排正六邊形。

.hexagon {
width: 100px;
height: 55px;
background-color: #F00;
position: relative;
margin: 28px 0;
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
}
.hexagon:before {
bottom: 100%;
border-bottom: 25px solid #F00;
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 25px solid #F00;
}

上面的代碼中，我們首先定義了一個基本的形狀，它的寬度為 100 像素，高度為 55 像素，并設置了背景顏色。然后，我們使用偽元素來創建正六邊形的下半部分和上半部分。我們將它們絕對定位到基本形狀的底部和頂部，然后通過設置邊框的大小和顏色來形成正六邊形。這里需要注意的是，我們使用了 transparent 顏色來使邊框消失。

為了完美地顯示我們的正六邊形，我們還可以使用 transform 屬性來進行旋轉和縮放。通過將基本形狀旋轉 30 度，并將它的高度設置為 65 像素，我們可以得到一個完美的平排正六邊形。

.hexagon {
width: 100px;
height: 65px;
background-color: #F00;
position: relative;
margin: 28px 0;
transform: rotate(30deg);
}
.hexagon:before,
.hexagon:after {
content: "";
position: absolute;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
transform: rotate(60deg);
}
.hexagon:before {
bottom: 100%;
border-bottom: 32.5px solid #F00;
transform: rotate(-60deg);
}
.hexagon:after {
top: 100%;
width: 0;
border-top: 32.5px solid #F00;
transform: rotate(-60deg);
}

通過這種方式，我們可以輕松地創建一個平排正六邊形的形狀，讓我們的網頁變得更加獨特和吸引人。