主要实现的是icon的运用，其他都是简单的HTML和CSS，简单模仿一下
<!-- 引入样式 -->
<link rel="stylesheet" href="./css/my.css">
<!-- 引入图标，和样式引入一样 -->
<link href="icon/font_sv0rkg7gm2p/iconfont.css" rel="stylesheet">
<link href="icon/font_z7c3cvk928/iconfont.css" rel="stylesheet">
<link href="icon/font_v3wfv7s8rlc/iconfont.css" rel="stylesheet">
<link href="icon/font_iiu2enwnhmd/iconfont.css" rel="stylesheet">
<link href="icon/font_w0465nhlqoh/iconfont.css" rel="stylesheet">
<link href="icon/font_4bzqsjk50u5/iconfont.css" rel="stylesheet">
<link href="icon/font_1ua9bahjv0d/iconfont.css" rel="stylesheet">
<link href="icon/font_e859e6i26bh/iconfont.css" rel="stylesheet">
<link href="icon/font_e0zzc4z72p7/iconfont.css" rel="stylesheet">
然后就是主体部分，页面简洁明了
<body class="body">
<!-- 顶部 -->
<div class="top">
<a href="login.html" style="text-decoration:none;">登录</a>
</div>
<!-- 导航栏 1-->
<div class="topnav">
<a href="#" class="text">书签</a>
<a href="#" class="text">历史</a>
<a href="#" class="text">下载</a>
<a href="#" class="text">关注</a>
</div>
<!-- 导航栏2 -->
<div class="topnav1">
<a href="#" class="text">
<span class="iconfont icon-baohumoshi" id="icon"></span>
<span>模式</span>
</a>
<a href="#" class="text">
<span class="iconfont icon-liulan" id="icon"></span>
<span>浏览</span>
</a>
<a href="#" class="text">
<span class="iconfont icon-gongju" id="icon"></span>
<span>工具</span>
</a>
<a href="#" class="text">
<span class="iconfont icon-tuichu" id="icon"></span>
<span>退出</span>
</a>
</div>
<!-- 主体 -->
<div class="card1">
<h4 style="margin-top: 0;">发现</h4>
<div>
<a href="#" style="text-decoration:none;">实验室<span class="iconfont icon-xiayibu" id="next"></span></a>
</div>
</div>
<div class="card1">
<div>
<a href="#" style="text-decoration:none;">设置<span class="iconfont icon-xiayibu" id="next"></a>
</div>
<div>
<a href="#" style="text-decoration:none;">帮助与服务<span class="iconfont icon-xiayibu" id="next"></a>
</div>
</div>
<!-- 底部 -->
<div class="footer">
<a href="index.html" class="text">
<span class="iconfont icon-home-g" id="icon"></span>
<span>主页</span>
</a>
<a href="index.html" class="text">
<span class="iconfont icon-wodehongbao" id="icon"></span>
<span>红包</span>
</a>
<a href="index.html" class="text">
<span class="iconfont icon-wodeguanzhu" id="icon"></span>
<span>关注</span>
</a>
<a href="my.html" class="text">
<span class="iconfont icon-wode" id="icon"></span>
<span>我的</span>
</a>
</div>
</body>
下面是实现的界面：
