关键目录结构
index.html
cssfont-awesome.css
index.cssfonts
images
关键代码展示
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title>侧边展开导航栏(全隐藏)</title>
<!-- 事先引入的字体图标库 观看此视频之前可以看一下上个视频简介 接上个视频发的哈 -->
<link rel="stylesheet" href="css/font-awesome.css" />
<link rel="stylesheet" href="css/index.css" />
</head>
<body>
<div class="navbar">
<input type="checkbox" id="checkbox" />
<label for="checkbox">
<i class="fa fa-outdent"></i>
</label>
<ul>
<li