用css来完成上下左右箭头的效果

	               ## 标题：用css来完成上下左右箭头的效果

简单来说其实就是对border进行设置

css部分

		.box{
			  width: 0px;
			  height: 0px;
			  border-width: 40px;
			  border-style: solid;
			  border-color: black transparent  transparent transparent;
			}

body下设置div

<div class="box"></div>

这样一个简单的箭头就出来了

border-color: black transparent transparent transparent;单独对上下左右的方向解析：

border-color:上 右 下 左；

transparent使其其他方向的border隐藏并不是不存在；