第一种:
.abc{
Width:0
Height:0
Border-left:50px solid transparent
Border-right:50px solid transparent
Border-bottom:100px solid red
}
第二种:
.triangle {
width: 0;
height: 0;
position: relative;
}
.triangle:before {
content: "";
position: absolute;
top: 0;
left: 0;
border-width: 0 100px 100px 100px;
border-style: solid;
border-color: transparent transparent red transparent;
}