html - 我从哪里获得网页的 "3 horizontal lines"符号？

Question

我想弄清楚如何在我的网页上获得这个符号:

这个符号叫什么？有没有办法在我的网页上获取它，就像使用

获取▾一样

▾

提前谢谢你。

Answer 1

这就是所谓的“汉堡菜单”。

您可以获得的最接近的 HTML 实体是 ≡，粗体 ≡ ≡ 或 ≡，supported almost everywhere .

还有☰☰，不过是less supported ，特别是 not available on Android .

一个小图标就够了，如果你需要一个更大的图标，这里是一个纯CSS实现:

.ham-menu { display: inline-block; position: relative; margin: 35px 0; } /* margin = (width-height)/2 */
.ham-menu, .ham-menu::before, .ham-menu::after { width: 100px; height: 20px; border-radius: 7px; background-color: black; }
.ham-menu::before, .ham-menu::after { content: ""; display: block; position: absolute; }
.ham-menu::before { bottom: 130%; } .ham-menu::after { top: 130%; }

<span class="ham-menu"></span>