CSS實現空心三角指示箭頭原理

web開發中，三角形的日常應用，以三角形指示箭頭最爲常見，其用CSS來實現非常簡單，熟悉了之後相比於引入SVG或是背景圖片會是更好更靈活的選擇。 而三角箭頭一般而言，又分爲兩種，一種是視覺上沒有邊框的，我們叫做實心三角形；還有一種是視覺上有邊框的，而三角箭頭刨去邊框的部分又要與主體元素的背景顏色一致，我們叫做空心三角形。 言歸正傳，講一下怎樣實現的。 首先，講一下三角形的實現原理，熟悉的同學可以跳

>>阅读原文<<