黑色的電商系統(tǒng)服務(wù)網(wǎng)站底部樣式布局,div css制作網(wǎng)頁底部快速導(dǎo)航布局代碼。
使用方法:
1、head引入css文件
<link rel="stylesheet" type="text/css" href="statics/css/style.css"/>
2、body引入HTML代碼
<div class="bottom">
<div class="register">
<h2>現(xiàn)在注冊,馬上開啟自己的電商業(yè)務(wù)</h2>
<a href="#">立即注冊</a>
</div>
<div class="footer">
<div class="w1200">
<div class="footer_top">
<ul>
<li>專注服務(wù)于電商領(lǐng)域</li>
<li>7×8小時售后支持</li>
<li>一對一專屬會員經(jīng)理</li>
<li>285萬用戶誠意推薦</li>
</ul>
</div>
<div class="footer_tel">
<div class="tel">
來電咨詢<br>
400-xxx-xxxx
</div>
<ul>
<li>全方位的購買咨詢</li>|
<li>精準(zhǔn)的產(chǎn)品推薦</li>|
<li>專業(yè)支持的售后咨詢</li>|
<li>電商業(yè)務(wù)開展咨詢</li>
</ul>
</div>
<div class="footer_down">
<div class="left">
<h3>電商系統(tǒng)及行業(yè)方案</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="#">服務(wù)社區(qū)</a>
<a href="#">經(jīng)典案例</a>
<a href="#">商城官網(wǎng)</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>云服務(wù)號</h3>
</li>
</ul>
</div>
</div>
<div class="footer_copyright">
<p>軟件企業(yè)編號? 2003-2017 Shop,Inc.All rights reserved.</p>
<p class="beian"><a href="#"><img src="statics/images/ba.png"/> 滬公網(wǎng)安備 xxxxxxxxxx號</a> <a href="#"><img src="statics/images/gs.gif"/> 上海工商</a></p>
</div>
</div>
</div>
</div>