我知道我迟到了，但你也可以用普通的CSS来完成这个:

HTML:

(它可以是任何HTML元素，如果你正在使用一个内联元素，例如<span>，确保你使它成为一个block/内联块元素display:block;或显示:inline-block):

<div class=“up”></div>

and

<div class=“down”></div>

CSS:

.up {
   height:0;
   width:0;
   border-top:100px solid black;
   border-left:100px solid transparent;
   transform:rotate(-45deg);   
  }

.down {
   height:0;
   width:0;
   border-bottom:100px solid black;
   border-right:100px solid transparent;
   transform:rotate(-45deg); 
  }

您还可以使用:before和:after伪元素来完成它，这实际上是一种更好的方法，因为您可以避免创建额外的标记。但这取决于你想如何完成它。

--

这是CodePen中的一个演示，有许多箭头的可能性。

这个似乎暗示030和031是上下三角形。

(正如bobince指出的，这似乎不是ASCII标准)

Unicode箭头头:

▲- u + 25b2黑色向上三角形 ▼- u + 25bc黑色下指向三角形 ▴- u + 25b4黑色小向上三角形 ` ` ` ` ` ` ` ` ` ` ` ` ` ` u + 25be黑色向下三角形

对于▲和▼使用&#x25B2;和& # x25BC;如果不能直接包含Unicode字符(使用UTF-8!)

注意，对较小版本的字体支持不是很好。最好使用小字体的大版本。

更多的Unicode箭头在:

http://en.wikipedia.org/wiki/Arrow_%28symbol%29#Arrows_in_Unicode http://en.wikipedia.org/wiki/Geometric_Shapes

最后，这些箭头不是ASCII，包括↑和↓:它们是Unicode。

这里很多人建议用三角形，但有时你需要一个雪佛龙。

我们有一个例子，我们的按钮显示了一个雪佛龙，并希望用户手册以一种非技术用户也能识别的方式引用按钮。所以我们需要一个雪佛龙标志。

最后我们使用了﹀。它被称为直角括号表示表，代码为U+FE40。

我喜欢用的网站是codepoints。net

这里是“箭头”和“三角形”的搜索结果:https://codepoints.net/search?q=arrowhead+triangle

它有一些“三角形箭头”的匹配，但它只有4个小页面，可以略读，而且每个字符都有很多不错的匹配细节。

还有一个代码块的“杂项符号和箭头”，这个网站列出了他们在这里:https://codepoints.net/miscellaneous_symbols_and_arrows

我使用▼和▲，但它们可能不适合您。我使用alt 11551为第一个和11550为第二个。如果你的系统的ascii不一样，你总是可以复制粘贴它们。