什么字符可以用于上/下三角形(箭头没有干)显示在HTML?

我正在寻找一个HTML或ASCII字符，这是一个三角形指向向上或向下，以便我可以使用它作为拨动开关。

我找到了↑(↑)和↓(↓) -但它们的词干很窄。我只是寻找HTML箭头“头”。

当前回答

HTML实体北京时报读者评论: ►= ► ▼= ▼ ▲= ▲

2011-05-02 06:15:29

其他回答

▲▼ 分别是U+25B2 (&#x25B2)和U+25BC (&#x25BC)

2010-04-23 18:59:14

抱歉，它们只支持统一码。：(

大的:

U+25B2(黑色向上三角形▲) U+25BC(黑色向下三角形▼) U+25C0(左侧黑色三角形) U+25B6(黑色直角三角形▶)

白色的大家伙:

U+25B3(白色上三角△) U+25BD(白色下尖三角形) U+25C1(白色向左三角形对不对) U+25B7(白色直角三角形△)

还有一些更小的三角形:

U+25B4(黑色向上小三角▴) U+25C2(黑色左方小三角形◂) U+25BE(黑色向下小三角服务商服务商) U+25B8(黑色向右的小三角形)

还有一些白色的:

U+25C3(白色左方小三角◃) U+25BF(白色下尖小三角▿) U+25B9(白色指向右的小三角形▹) U+25B5(白色向上小三角▵)

还有一些“尖”三角形。你可以在维基百科上阅读更多内容:http://en.wikipedia.org/wiki/Geometric_Shapes

但不幸的是，它们都是Unicode而不是ASCII。如果你仍然想使用ASCII，那么你可以使用^和v的图像文件(就像移动版本的谷歌地图，这是指古代移动谷歌地图)

正如其他人所建议的，您还可以使用HTML创建三角形，或者使用CSS边界或SVG形状，甚至JavaScript画布。

CSS

div{
    width: 0px;
    height: 0px;
    border-top: 10px solid black;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: none;
}

SVG

<svg width="16" height="10">
    <polygon points="0,0 16,0 8,10"/>
</svg>

JavaScript

var ctx = document.querySelector("canvas").getContext("2d");

// do not use with() outside of this demo!
with(ctx){
    beginPath();
    moveTo(0,0);
    lineTo(16,0);
    lineTo(8,10);
    fill();
    endPath();
}

Demo

2011-06-12 22:19:26

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

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

2010-04-23 18:56:12

Unicode箭头头:

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

对于▲和▼使用▲和& # 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。