CSS可以非常簡單地讓我們創建出各種形狀的圖案，比如平行四邊形。下面我們來看看如何用CSS編寫平行四邊形。

.parallelogram {
width: 200px;
height: 100px;
border: 2px solid #333;
transform: skewX(20deg);
}

首先，我們選擇一個div元素來創建平行四邊形。設置它的寬度和高度，以及邊框顏色和大小。接下來，我們會使用CSS3的transform屬性來斜切元素。我們可以用skewX()方法來設置水平方向的傾斜度數。在這個例子里，我們設置了20度。

這個平行四邊形的四個內角只有60度，因為兩個內角相互取消，剩下的角就是外面兩個各120度之和，也就是一個直角。需要注意的是，如果在元素內部添加其他內容（例如文字），這里使用的是斜切，所以內容也會跟著變形。

最后，讓我們來看一下完整的HTML和CSS代碼：

<div class="parallelogram">
<p>這里是內容</p>
</div>