共計 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 -->正文完
