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

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

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

css部分

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

body下设置div

这样一个简单的箭头就出来了
用css来完成上下左右箭头的效果_第1张图片
border-color: black transparent transparent transparent;单独对上下左右的方向解析:

border-color:上 右 下 左;

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

你可能感兴趣的:(用css来完成上下左右箭头的效果)