使用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/