使用 CSS 如何画一个三角形

    .triangle {
      width: 0;
      border: 100px solid transparent;
      border-bottom: 100px solid rgba(66, 142, 212, 0.4);
    }

 .container{
width:0;
border:100px solid transparent;
border-bottom-color:#000;
}

.triangle {
  margin: 0 auto;
  width: 50vh;
  height: 50vh;
  background-color: aqua;
  /* 
                画多边形： 
                polygon(x y, x y, ...)
                一组 x y, 代表一个点
                x: 往右增加
                y: 往下增加
            */
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

.box { width: 0; height: 0; border:100px solid transparent; border-bottom-color:
blue; }