CSS（Cascading Style Sheets）是一片廣闊的領域，可以實現各種各樣炫酷的效果，其中之一就是設置四邊形。

// 設置一個普通的四邊形
div {
width: 100px;
height: 50px;
border-top: 50px solid blue;
border-right: 25px solid transparent;
border-bottom: 0 solid transparent;
border-left: 25px solid transparent;
}
// 設置一個傾斜的四邊形
div {
width: 100px;
height: 50px;
transform: skewX(-20deg);
background-color: blue;
}
// 設置一個斜邊的四邊形
div {
width: 100px;
height: 50px;
clip-path: polygon(0 0, 100% 0, 75% 100%, 25% 100%);
background-color: blue;
}
// 設置一個傾斜的帶有文字的四邊形
div {
width: 200px;
height: 100px;
transform: skewX(-25deg);
background-color: blue;
color: white;
text-align: center;
line-height: 100px;
}

以上就是一些基本的四邊形設置，當然還有更多的有趣的實現方式等待你去探索。