CSS畫平行四邊形是前端開發中的一種常用技巧，它可以制作各種獨特的設計效果。下面簡單介紹一下如何使用CSS畫平行四邊形。

.parallelogram {
width: 200px;
height: 100px;
background-color: #0099CC;
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
-ms-transform: skewX(-20deg);
-o-transform: skewX(-20deg);
transform: skewX(-20deg);
}

上面的代碼中，我們使用了CSS3中的transform屬性來進行傾斜操作。其中，“-webkit-”、“-moz-”、“-ms-”、“-o-”和“”是瀏覽器廠商前綴，用于兼容不同瀏覽器的效果。同時，我們設定了元素的width和height屬性，為其確定基本的寬和高。

接著，我們使用transform: skewX()來在水平方向上對元素進行斜切操作。由于水平方向的斜切角度為負20度，所以我們填入了“-20deg”，這樣就完成了一個順時針斜切的平行四邊形。

最后，我們為該平行四邊形設置了背景顏色，以便于觀察效果。當然，你也可以隨意設置背景圖形或其他效果，來獲得不同的視覺效果。