CSS是前端開發中不可缺少的重要技術，它可以實現眾多的效果，其中之一就是用CSS做出一個四邊形的樣式。下面我們來學習如何使用CSS實現此效果。

.box {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
border-left: 0;
}

我們可以通過設置盒子的寬和高為0，再通過邊框的設置來控制四邊形的樣式。具體來說，可以通過border-top和border-bottom設置透明的三角形，再通過border-right設置紅色的直角三角形。最后在border-left中設置為0即可。

這樣我們就可以得到一個寬度為100px，高度為50px的四邊形，其顏色為紅色。通過改變邊框的大小和顏色屬性，我們可以隨時修改四邊形的樣式，實現更多更炫酷的效果。