如何在HTML中不使用圖像創建箭頭？

Question

如何創建一個箭頭而不使用HTML中的圖像？我有一個jQuery插件或褒獎，他們已經創建了一個箭頭，而無需使用圖像通過使用以下樣式：

#testimonials .item div.text:after { 
    content: " "; 
    border: 10px solid transparent; 
    border-right-color: #fff; 
    display: block; 
    width: 0; 
    height: 0; 
    margin-top: -10px; 
    position: absolute; 
    left: -20px; 
    top: 50%; 
} 

我找不出這個風格。

Answer 1

←將創建一個←字符

→將創建一個→字符。

等。

看一看HTML characters。

這實際上取決於你想創建什麼樣的箭頭。

Answer 2

無論使用Web字體像Font Awesome其他如@Oded說，你可以用用CSS content財產的箭頭人物，在列表中的情況下，或使用HTML實體，如←或→

Demo

ul li:before { 
    content: '→ '; 
}