div css基于iconfont图标库制作发布分享平台网站底部快速导航样式布局代码。

使用方法

1、head引入css文件

<link rel="stylesheet" type="text/css" href="statics/css/iconfont.css"/>
<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>

2、body引入HTML代码

<div class="footer">
	<div class="line"></div>
	<div class="w1280">
		<div class="youshi">
			<ul>
				<li><i class="icon iconfont icon-zuanshi"></i>庞大的制作团队</li>
				<li><i class="icon iconfont icon-huangguanguanjundiyihuiyuan"></i>只分享精品内容</li>
				<li><i class="icon iconfont icon-linecar104"></i>全方位的技术支持</li>
				<li><i class="icon iconfont icon-jiangzhangxunzhang"></i>因为专注所以专业</li>
			</ul>
		</div>
		<div class="middle">
			<div class="about">
				<ul>
					<li>
						<h4>关于</h4>
						<p><a href="#">关于我们</a></p>
						<p><a href="#">意见反馈</a></p>
					</li>
					<li>
						<h4>发布及声明</h4>
						<p><a href="#">投稿规则</a></p>
						<p><a href="#">声明</a></p>
					</li>
					<li>
						<h4>积分规则</h4>
						<p><a href="#">充值锋币</a></p>
						<p><a href="#">积分获取规则</a></p>
					</li>
					<li>
						<h4>招贤纳士</h4>
						<p><a href="#">作者入驻</a></p>
					</li>
				</ul>
			</div>
			<div class="erweima">
				<h4>墨鱼部落格网客服微信</h4>
				<img src="statics/images/erweima.jpg"/>
			</div>
			<div class="contact">
				<i class="icon iconfont icon-87"></i>
				<p class="qq"><span>123456</span></p>
				<p>09:00-18:00</p>
				<p>QQ群II：<span>45455645</span></p>
				<p>QQ群I：<span>78978797</span></p>
				
			</div>
		</div>
		<div class="copyright">
			Copyright © 2018 zhutiX.com.All Rights Reserved.Since 2018,Build with <i>♥</i> by LIRuchun 14 queries 0.184s
			<span>苏ICP备000000000号</span>
		</div>
	</div>
</div>

资源出处：https://www.moyublog.com/codes/286.html