共计 2499 个字符，预计需要花费 7 分钟才能阅读完成。
** 网前前后后对样式做了一些调整，看到底部 footer 光秃秃的，索性也添加一些底部导航样式来装饰一下网站。
网站头部引入 JS 和 CSS
<link rel="stylesheet" type="text/css" href="/daohang/baise/statics/css/style.css" />
<script src="/daohang/baise/statics/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>网站底部添加如下代码
<!-- 首页底部特效 -->
<div class="copyright">
<div class="copyright_c">
<div class="copyright_head">
<div class="copyright_L">
<p><img src="/daohang/baise/statics/images/logo.png" alt="给网站增加底部 Footer 导航样式" alt="** 网欢迎您"/></p>
<span>
<em>** 网 </em>
<em> - 随心创作，知识畅享 </em>
</span>
<span>
<em> 反馈邮箱：</em>
**@qq.com
</span>
<span>
<em> 联系 Q Q：</em>
<a target="_blank" rel="nofollow" > 在线交谈 </a>
</span>
</div>
<div class="copyright_C">
<div class="copyright_C_list">
<p><i class="fa fa-th-large" aria-hidden="true"></i> 词条导航 </p>
<div class="about">
<a target="_blank" > 特效源码 </a>
<a target="_blank" >SEO 术语 </a>
</div>
<div class="about">
<a target="_blank" > 壁纸头像 </a>
<a target="_blank" > 电脑软件 </a>
</div>
<div class="about">
<a target="_blank" >404 源码 </a>
<a target="_blank" > 民俗故事 </a>
</div>
</div>
<div class="copyright_C_list">
<p><i class="fa fa-book" aria-hidden="true"></i> 趣味知识 </p>
<div class="about">
<a target="_blank" > 猜字谜语 </a>
<a target="_blank" > 成语故事 </a>
</div>
<div class="about">
<a target="_blank" > 组合数学 </a>
<a target="_blank" > 几何原理 </a>
</div>
<div class="about">
<a target="_blank" > 趣味历史 </a>
<a target="_blank" > 趣味地理 </a>
</div>
</div>
<div class="copyright_C_list">
<p><i class="fa fa-envelope" aria-hidden="true"></i> 关于我们 </p>
<div class="about">
<a target="_blank" > 博主简介 </a>
<a target="_blank" > 领优惠券 </a>
</div>
<div class="about">
<a target="_blank" >SEO 导航 </a>
<a target="_blank" >**SEO</a>
</div>
<div class="about">
<a target="_blank" > 站长 SEO</a>
<a target="_blank" > 万里平台 </a>
</div>
</div>
</div>
<div class="copyright_R">
<span><img src="/daohang/baise/statics/images/ewm1.jpg" alt="给网站增加底部 Footer 导航样式" alt="** 君微信" /></span>
<p> 欢迎扫描添加站长微信 </p>
</div>
</div>
</div>
</div>
<!-- 首页底部 end -->正文完
