利用css3里transform:scale 缩放属性控制
.box{
width: 100px;
height: 1px;
background: red;
transform: scale(1,0.5); //scale(x轴缩放，y轴缩放)
}
利用css画三角形
div{
height:0;
width: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;
border-right: 100px solid transparent;
}
原文：https://www.cnblogs.com/wangyisu/p/13177626.html