Question

我想用汉堡包字符☰作为移动菜单的图标。我不想使用图像图标或外部字体。

那么HTML代码中此字符“☰”的相对图标是什么？例如&burger;？

Answer 1

在这种情况下，没有特殊命名的HTML实体，但您可以使用numeric character reference。如果您可以将字符粘贴到支持UTF-8的终端中，则可以使用Perl的ord函数来计算其数字字符引用：

$ perl -e 'use utf8; printf "&#%s;\n", ord "☰"'
&#9776;

所以你可以写☰为☰。但如果您的HTML使用UTF-8编码，为什么不直接将☰字符粘贴到源代码中？

Answer 2

你可以使用纯css

制作它

检查此fiddle

<强> CSS

div {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 16px;
    top: 0;
    height: 0;
    -webkit-box-shadow: 1px 10px 1px 1px #69737d,1px 16px 1px 1px     #69737d,1px 22px 1px 1px #69737d;
    box-shadow: 0 10px 0 1px #69737d,0 16px 0 1px #69737d,0 22px 0 1px #69737d;
}

Answer 3

unicode的代码是☰

Answer 4

“Icon”不是HTML概念。字符“☰”为U+2630 TRIGRAM FOR HEAVEN。它可以在HTML中使用，也可以使用字符引用☰或等效☰。

请注意，它font support是有限的。例如，一个没有安装Microsoft Office并且不是相对较新的Windows系统可能没有包含它的字体。除非您使用可下载的字体，否则使用图像会更加安全。

角色的相对图标是什么＆＃34;☰＆＃34;用HTML代码？

4 个答案:

检查此fiddle