div css网页底部信息快速文字导航展示布局代码，结构简单清晰，下载即可使用。
使用方法：
1、head引入css文件
<link href="css/style.css" rel="stylesheet" type="text/css"/>
2、body引入HTML代码
<div class="footer-box">
<div class="footer-container">
<div class="footer-service clearfix">
<div class="footer-service-item footer-icon-001">
<i></i>
<span>专注服务于电商领域</span>
</div>
<div class="footer-service-item footer-icon-002">
<i></i>
<span>资深电商客服专家</span>
</div>
<div class="footer-service-item footer-icon-003">
<i></i>
<span>一对一专属会员经理</span>
</div>
<div class="footer-service-item footer-icon-004">
<i></i>
<span>385万用户诚意推荐</span>
</div>
</div>
<div class="footer-line"></div>
<div class="footer-links clearfix">
<dl class="footer-article-item">
<dt>旗下品牌</dt>
<dd>
<a href="#">17</a>
</dd>
<dd>
<a href="#">ECJia</a>
</dd>
<dd>
<a href="#">ECTouch</a>
</dd>
</dl>
<dl class="footer-article-item">
<dt>关于我们</dt>
<dd>
<a href="#">公司介绍</a>
</dd>
<dd>
<a href="#">发展历程</a>
</dd>
<dd>
<a href="#">团队风采</a>
</dd>
<dd>
<a href="#">办公环境</a>
</dd>
<dd>
<a href="#">荣誉资质</a>
</dd>
<dd>
<a href="#">联系我们</a>
</dd>
</dl>
<dl class="footer-article-item">
<dt>精品教程</dt>
<dd>
<a href="#">模板说明</a>
</dd>
<dd>
<a href="#">17教程</a>
</dd>
<dd>
<a href="#">微商城教程</a>
</dd>
<dd>
<a href="#">APP教程</a>
</dd>
<dd>
<a href="#">视频指导</a>
</dd>
<dd>
<a href="#">问答堂</a>
</dd>
</dl>
<dl class="footer-article-item">
<dt>其他</dt>
<dd>
<a href="#">官方论坛</a>
</dd>
<dd>
<a href="#">服务支持</a>
</dd>
<dd>
<a href="#">电商大会</a>
</dd>
<dd>
<a href="#">投诉建议</a>
</dd>
<dd>
<a href="#">支付方式</a>
</dd>
<dd>
<a href="#">站点地图</a>
</dd>
</dl>
<dl class="footer-contact-item">
<h3>联系我们</h3>
<p>400-010-xxx</p>
<div class="footer-ewm">
<img src="images/code.jpg" alt="">
<p>关注微信订阅号</p>
</div>
</dl>
</div>
<div class="footer-friend">
<div class="footer-friend-title">友情链接：</div>
<ul class="footer-friend-title-list clearfix">
<li>
<a href="#">模板素材网</a>
</li>
<li>
<a href="#">移动商城购物</a>
</li>
<li>
<a href="#">APP商城开发</a>
</li>
<li>
<a href="#">DESTOON B2B</a>
</li>
<li>
<a href="#">Linux </a>
</li>
<li>
<a href="#">Linux 面板</a>
</li>
<li>
<a href="#">Chrome插件</a>
</li>
<li>
<a href="#">W3Cschool</a>
</li>
<li>
<a href="#">网站模板</a>
</li>
<li>
<a href="#">站长工具</a>
</li>
</ul>
<a href="#" class="footer-friend-more">更多 >></a>
</div>
<div class="footer-copyright">
<p>© 2002-2018 素材网(17sucai.com) 版权所有，并保留所有权利 常年法律顾问: （天津）律师事务所</p>
<p>
天津市南开二纬路xxxx号劝业场
<a href="#">
<img src="images/icon-footer.png" alt="">津公网安备 00046899999xxxx号
</a>
</p>
</div>
</div>
</div>
div css网页底部文字列表布局代码 
