CSS 实现 三角形

在技术交流群看到 有人面试的时候被问到 如何实现三角形 ，本来感觉自己很熟，一时也想不起啦。擦，果然是眼高手低

  .triangle{
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 100px solid red;
     }

 就是这样了