純 CSS 實作三角形尖角箭頭的執行個體

上次無意中發現了個使用純 css 實作三角形尖角箭頭的方法

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

，但沒有怎麼用上，也沒有詳細完整的執行個體，今天剛好要用上，整理了下，寫個完整的代碼：

可以通過設定 border-width 來調整箭頭的大小，這樣就不需要每次都去做圖了，非常友善，顔色可以随時調整，真佩服那位老兄，以前雖然也發現 border 的兩邊是斜的但沒想到可以這樣來做尖角箭頭，太厲害了

顯示結果圖：