css实现一个实现一个三角形

第一种：

.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;
}