第一步：新建一个div

<div class="san"></div>

第二步：根据三角形方向，为盒子添加样式

1、向上

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

2、向下

.san{width:0;height:0;border-right:100px solid transparent;border-left:100px solid transparent;border-top:100px solid red;
}

3、向左

.san{width:0;height:0;border-top:100px solid transparent;border-bottom:100px solid transparent;border-right:100px solid red;
}

4、向右

.san{width:0;height:0;border-top:100px solid transparent;border-bottom:100px solid transparent;border-left:100px solid red;
}

over！