html - 如何在不使用 HTML 中的图像的情况下创建箭头？

Question

如何在不使用 HTML 中的图像的情况下创建箭头？我有一个 jquery 插件或 Testimonials，他们使用以下样式在不使用图像的情况下创建了一个箭头：

#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

←将创建一个←字符

→将创建一个 → 字符。

ETC..

看看HTML 字符。

这实际上取决于您要创建什么样的箭头。

Answer 2

要么使用像Font Awesome这样的网络字体，否则就像@Oded所说的那样，你可以使用带有CSScontent属性的箭头字符，以防列表或使用HTML实体，如←或→

演示

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