css实现三角形案例

直接上代码：

<div class="triangle"></div>

     .triangle {
            width: 0px;
            height: 0px;
            border: 40px solid transparent;
            border-left-color: palevioletred;

        }

将一个盒子的高度和宽度都设置为0，然后四个边框都设置为transparent，之后想要朝向哪边的三角形便可直接设置对应颜色

结果图