平行四边形是一种常见的几何图形。当我们在设计网页时，有时会需要用到平行四边形的形状来做一些效果，比如特殊的按钮、盒子等。那么在HTML中如何绘制漂亮的平行四边形呢？
首先，我们需要用到CSS中的transform属性，可以通过对某一个元素应用该属性来实现元素的变形。而对于平行四边形，transform属性中的skewX和skewY可以实现将元素按照一定的角度倾斜，从而呈现出平行四边形的形状。
接下来，我们可以通过设置元素的边框和背景色来让平行四边形更加美观。同时，我们还可以利用`:before`和`:after`伪元素来实现更加复杂的效果，比如三角形的形状等。
下面是一个简单的演示：
通过上述代码，我们可以得到如下效果：
出自：Keep 学院 | 博客