黑色的电商系统服务网站底部样式布局，div css制作网页底部快速导航布局代码。

使用方法

1、head引入css文件

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

2、body引入HTML代码

<div class="bottom">
	<div class="register">
		<h2>现在注册，马上开启自己的电商业务</h2>
		<a href="#">立即注册</a>
	</div>
	<div class="footer">
		<div class="w1200">
			<div class="footer_top">
				<ul>
					<li>专注服务于电商领域</li>
					<li>7×8小时售后支持</li>
					<li>一对一专属会员经理</li>
					<li>285万用户诚意推荐</li>
				</ul>
			</div>
			<div class="footer_tel">
				<div class="tel">
					来电咨询<br>
					400-xxx-xxxx
				</div>
				<ul>
					<li>全方位的购买咨询</li>|
					<li>精准的产品推荐</li>|
					<li>专业支持的售后咨询</li>|
					<li>电商业务开展咨询</li>
				</ul>
			</div>
			<div class="footer_down">
				<div class="left">
					<h3>电商系统及行业方案</h3>
					<p>
						<a href="#">云微商城</a>
						<a href="#">云订货</a>
						<a href="#">云ERP</a>
						<a href="#">Shop</a>
						<a href="#">分销王</a>
						<a href="#">会员通</a>
						<a href="#">货店通</a>
						<a href="#">情报魔方</a>
						<a href="#">淘打</a>
						<a href="#">Shopex</a>
						<a href="#">mall</a>
						<a href="#">Shop APP</a>
					</p>
				</div>
				<div class="flink">
					<h3>友情链接</h3>
					<p>
						<a href="#">使用帮助</a>
						<a href="#">服务社区</a>
						<a href="#">经典案例</a>
						<a href="#">商城官网</a>
					</p>
				</div>
				<div class="right">
					<ul>
						<li>
							<img src="statics/images/dy_ewm.png" alt="" />
							<h3>云订阅号</h3>
						</li>
						<li>
							<img src="statics/images/dy_ewm.png" alt="" />
							<h3>云服务号</h3>
						</li>								
					</ul>
				</div>
			</div>
			<div class="footer_copyright">
				<p>软件企业编号© 2003-2017 Shop,Inc.All rights reserved.</p>
				<p class="beian"><a href="#"><img src="statics/images/ba.png"/> 沪公网安备 xxxxxxxxxx号</a> <a href="#"><img src="statics/images/gs.gif"/> 上海工商</a></p>
			</div>
		</div>
	</div>
</div>

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