CSS语言绘制几何平行四边形

<div class="parallelogram">

click

</div>

.parallelogram {

text-align: center;

position: relative;

}

.parallelogram::before {

transform: skew(-45deg);

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

z-index: -1;

content: ' ';

background: #fb3;

}