CSS 实现三角形 等腰梯形

三角形的答案是:

 div {
      width: 0;
      border: 100px solid;
      border-color: red transparent transparent;
}

详细过程

借助的是 border-color:red green blue pink; 的四个属性
可以理解为 每个颜色代表一个小三角形 如

div {
     width: 0;
     border: 100px solid;
     border-color: red green blue pink;
}

把其他三个透明后

 border-color: red transparent transparent;

随便给一个width:100px 后