纯CSS实现点击按钮切换菜单显示与隐藏

本篇博客的css技巧用到了以下几个关键知识点与开源项目：

• label标签的for属性可以定位到指定的input元素
• CSS的+选择器与~选择器的使用
• Font Awesome 4.7.0版本
  具体代码可访问：我的git仓库

* {
   
            margin: 0;
            padding: 0;
        }

        body {
   
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100vw;
            height: 100vh;
            background-color: #e7f3fe;
            user-select: none;
        }

        label {
   
            z-index: 1;
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            left: 50%;
            top: 50%;