使用CSS僞三角形

Question

我已經設法在純css中創建了一個重載圖標，但它使用的字符在某些系統上可能會中斷。我知道可以創建一個triangle in css，它可以是applied to pseudo elements，但我無法複製我的重新加載圖標的結果。

撥弄它here。

Answer 1

如何

.reload.b::before { 
    content:''; 
    top: -4px; 
    left: 3px; 
    border-top: 3px solid transparent; 
    border-bottom: 3px solid transparent; 
    border-left: 4px solid grey; 
    z-index: 1; 
} 

演示http://jsfiddle.net/xas5w/2/