css实现梯形

   width:50px;
   height:50px;
   background-color:blue;
             
   border-top:50px solid red;
   border-right:50px solid yellow;
   border-bottom:50px solid green;
   border-left:50px solid pink;

如果要得到一个梯形，需要爸其中的三条边的border颜色设置为透明色即可

三角形原理也是相同的，只是不需要设置div的宽度和高度，都是0，在将其他三条边的颜色设置为透明色即可。