css 上下左右箭头

通过设置border属性来实现/*　将一个div的border都设置成50px粗，并且不同颜色，结果如下图所示：*/
.triangle{
width: 0;
height: 0;
border-top: 50px solid black;
border-right: 50px solid red;
border-bottom: 50px solid green;
border-left: 50px solid blue;
}