css画横线箭头_css3实现小箭头，各种图形

css实现各种图形真是太赞了，再也不用切图了，直接用css就可以实现。

最常用的就是用css实现的小三角了

#triangle-up{display:inline-block;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:50px solid red;}#triangle-down{display:inline-block;width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:50px solid red;}#triangle-left{display:inline-block;width:0;height:0;border-top:30px solid transparent;border-right:50px solid red;border-bottom:30px solid transparent;}#triangle-right{display:inline-block;width:0;height:0;border-top:30px solid transparent;border-left:50px solid red;border-bottom:30px solid transparent;}