梯形
<div class="div01"></div><!--梯形-->
.div01{
width: 50px ; height: 0 ;border: 30px solid transparent ;border-top: none ;border-bottom: 50px solid red ;
}
平行四边形
<div class="div02"></div><!--平行四边形-->
.div02{ width: 100px ; height: 50px;background: red;transform: skew(-20deg); }