You should try this..
div {
width:250px;
height:100px;
border:2px solid red;
margin-left:100px;
margin-bottom: 0;
margin-top: 5px;
}
.trapezium {
margin-top: 0;
border-top-width:4px;
border-bottom-width:1px;
-webkit-transform: perspective(150px) rotateX(40deg);
}
<div class="trapezium"></div>
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…