CSS之三角型案例

用css画一个三角形 两行核心代码搞定

<div id="inp">
	<div id="triangle">
	</div>
</div>

#triangle{
	width: 0px;
	height: 0px;
	border: 5px solid transparent;
	border-top:5px solid #000000;
	position: relative;
	top: 2.5px;
}
#inp:hover #triangle{
	border: 5px solid transparent;
	border-bottom:5px solid #000000;
	top: -2.5px;
}

 滑动就可以呈现上下按钮的效果啦！！！~~~