HTML代码中字符"☰"的相对图标是什么？

Question

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

那么HTML代码中这个字符"☰"的相对图标是什么？比如&burger;？

Answer 1

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

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

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

Answer 2

你可以使用纯css

检查这个小提琴

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;
}