我们可以使用CSS的transform
属性和skew
函数来创建平行四边形。下面是一个示例代码:
<div class="parallelogram"></div>
.parallelogram { width: 200px; height: 100px; background-color: #4CAF50; transform: skew(20deg); }
在上面的代码中,我们首先选择具有class名字为parallelogram
的div,然后将其宽度设置为200像素,高度设置为100像素,以便创建一个长方形。接下来,我们将使用transform
属性和skew
函数来扭曲这个长方形,使其成为平行四边形。我们给它一个20度的偏转,因为这是一个合理的可辨识度。最后,我们给它一个绿色的背景色。
这样就可以创建一个简单的平行四边形。