在CSS中，我們可以利用多邊形定位創建非正常形狀的背景。以下將介紹如何使用CSS實現多邊形背景。

.shape {
width: 0;
height: 0;
border-style: solid;
border-width: 0 100px 100px 0;
border-color: transparent #007bff transparent transparent;
}

上面的代碼實現了一個向右下方傾斜的三角形背景。首先設置元素的寬高為0，接著利用邊框樣式設置三角形的樣式，利用由左上角開始、逆時針方向的四個參數設置邊框的寬度，最后利用邊框顏色設置三角形的顏色。其中transparent表示透明。

.shape {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 100px 200px;
border-color: transparent transparent #007bff transparent;
}

上面的代碼實現了一個向右上方傾斜的梯形背景。同理，設置元素的寬高為0，利用邊框樣式設置梯形的樣式，但這次需要設置一個更寬的底部邊框，最后同樣利用邊框顏色設置梯形的顏色。

由此可見，利用CSS可以輕松實現多邊形背景的效果，便于網頁設計的個性化和優化。