当前位置:  开发笔记 > 前端 > 正文

我在哪里可以获得我的网页的"3条水平线"符号?

如何解决《我在哪里可以获得我的网页的"3条水平线"符号?》经验,为你挑选了1个好方法。

我正在试图找出如何在我的网页上获取此符号:

符号

这个符号叫什么?有没有办法在我的网页上得到它,就像要通过使用获得▾

先感谢您.



1> user..:

这是一个所谓的"汉堡菜单".

最近的HTML实体,你可以得到的是≡,大胆 或者,支持几乎无处不在.

还有☰ ,但支持较少,特别是在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%; }
推荐阅读
和谐啄木鸟
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有