7

检查这张图片...

在此处输入图像描述

我想使用 HTML 实体制作这样的后退箭头。有没有可用的？

4

6 回答 6

13

这真的很有趣：DI 刚刚做了这个，我得到了答案，它的 - ◀。

参考-演示

于 2013-10-16T11:47:29.277 回答
8

@Mr.Alien 的回答可能解决了您真正想知道的问题。我将回答您实际提出的问题：

与您的图像相似的字符没有 HTML 实体。这并不意味着不能使用这些字符；只是缺少定义的实体。

实体引用的经典 HTML 概念正在被 HTML5 中的“命名字符引用”所取代。解释为与它们有关，答案取决于您的图像被解释为“◀”U+25C0 BLACK LEFT-POINTING TRIANGLE 还是“◂”U+25C2 BLACK LEFT-POINTING SMALL TRIANGLE。它们非常相似，通常形状相同但大小不同。◂前者在 HTML5 中有一个命名字符引用 , 。

但是，使用此类引用（超出 HTML 4 中定义的引用）是不明智的：它们的浏览器覆盖范围有限，并且与使用数字字符引用◀和◂（或它们的十进制对应物）或实际字符相比，它们没有提供真正的好处。

请注意，这些字符仅存在于某些字体中。此问题与在文档中输入字符的方式无关。有关这方面的更多信息，请参阅我在 HTML 中使用特殊字符的指南。（这就是 CSS 变得相关的地方。CSS 与在 HTML 中包含字符的基本问题完全无关。）

于 2013-10-16T12:04:13.760 回答
3

您可以使用其十进制代码：

◀

◀

于 2013-10-16T11:51:35.230 回答
1

CSS 可用于创建不需要图像的箭头。您可以使用边框来创建它。

CSS 箭头示例

.arrow-right {
    width: 0; 
    height: 0; 
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid green;
}

参考

于 2013-10-16T11:49:16.880 回答
1

就个人而言，我更喜欢这个后退箭头。

←

它也有一个漂亮而简单的 HTML 实体：←.

这适用于所有来这里寻找后退箭头但不只是想要三角形的人。

http://htmlarrows.com/arrows/left-arrow/

于 2017-03-04T14:00:34.433 回答
-2

手动按下Alt 17键盘以获取您正在寻找的箭头。

例如 

<div>◄ (alt 17 pressed manually)</div>

希望这可以帮助。

于 2013-10-16T11:47:47.047 回答