CSS多邊形按鈕是現(xiàn)代網(wǎng)頁設(shè)計(jì)的一個(gè)重要元素，它使得網(wǎng)頁按鈕不再局限于簡單的矩形形狀。如果你想為你的網(wǎng)頁添加一個(gè)有趣的多邊形按鈕，你可以使用CSS來實(shí)現(xiàn)它。

.btn{
width: 200px;
height: 50px;
background: #FFA500;
border: none;
text-align: center;
font-size: 18px;
font-weight: bold;
color: #fff;
cursor: pointer;
clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%);
}
.btn:hover{
background: #FF6347;
}

上面的CSS代碼創(chuàng)建了一個(gè)正方形的按鈕，并通過clip-path屬性將其裁剪成了一個(gè)五邊形。該屬性使用一個(gè)多邊形定義在按鈕上的裁剪區(qū)域。多邊形由多個(gè)點(diǎn)的坐標(biāo)組成，每個(gè)點(diǎn)由橫向（x）和縱向（y）坐標(biāo)表示。例如，clip-path: polygon(25% 0, 100% 0, 100% 100%, 0 100%, 0 25%)表示按鈕的五個(gè)頂點(diǎn)分別位于左上角的25%處、右上角、右下角、左下角、左上角的25%處。

在:hover偽類下，我們可以改變按鈕的背景顏色，使得按鈕更加動(dòng)態(tài)有趣。

如上所示，通過使用clip-path屬性，我們可以輕松創(chuàng)建一個(gè)多邊形按鈕。試試自己實(shí)現(xiàn)一個(gè)吧！