css实现三角形案例

直接上代码：

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

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

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

结果图