如何通过 CSS+ DIV实现三角形

DIV+CSS实现三角形

简单介绍一下实现方式：

通过border这个属性来实现

//CSS样式

.d1{
                margin-left: 200px;
                width: 0;
                height: 0;
                border-width: 100px;
                border-style: solid;
                border-color:#000 #fff #fff #fff;
      }

<div class="d1">
            
</div>

实现效果图如下：

通过transform里面的rotate旋转这个属性来改变三角形的方向

实现效果图如下：