如何在不使用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

使用像Font Awesome这样的网络字体，如@Oded所说，如果是列表或使用HTML实体（如content或{ {1}}

Demo

←