纯 CSS 实现三角形尖角箭头的实例

上次无意中发现了个使用纯 CSS 实现三角形尖角箭头的方法

http://blog.csdn.net/zhouzme/article/details/18901943

，但没有怎么用上，也没有详细完整的实例，今天刚好要用上，整理了下，写个完整的代码：

可以通过设置 border-width 来调整箭头的大小，这样就不需要每次都去做图了，非常方便，颜色可以随时调整，真佩服那位老兄，以前虽然也发现 border 的两边是斜的但没想到可以这样来做尖角箭头，太厉害了


显示结果图：