欢迎来到DIVCSS5查找CSS资料与学习DIV 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;

}

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/rumen/r26284.shtml