div css圖標(biāo)菜單網(wǎng)格布局代碼

使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="main">
	<div class="main-l">
		<p class="tit">
			智能建站，讓您的網(wǎng)站和微信公眾號(hào)無(wú)所不能<span>做企業(yè)、個(gè)人、網(wǎng)店、手機(jī)微信網(wǎng)站樣樣行，小程序、APP一鍵生成即刻擁有！內(nèi)置超多豐富營(yíng)銷推廣工具，超64種營(yíng)銷應(yīng)用</span>
		</p>
		<div class="main-l-m">
			<div class="w-1300">
				<ul>
					<li><img src="statics/images/n-main-5.gif">
						<p> PC + 手機(jī) + 微信網(wǎng)站 + 小程序 + APP，五站合一<br></p>
					</li>
					<li><img src="statics/images/n-main-6.gif">
						<p>小程序眾多流量入口,集展示互動(dòng)、交易為一體</p>
					</li>
					<li><img src="statics/images/n-main-7.gif">
						<p>強(qiáng)大組件應(yīng)用多變<br>靈活滿足需求</p>
					</li>
					<li><img src="statics/images/n-main-8.gif">
						<p>微信無(wú)縫對(duì)接<br>超強(qiáng)微信應(yīng)用</p>
					</li>
					<li class="li-bor-notrig"><img src="statics/images/n-main-9.gif">
						<p>支持創(chuàng)建<br>多語(yǔ)言站點(diǎn)</p>
					</li>
					<li><img src="statics/images/n-main-10.gif">
						<p>支持SEO優(yōu)化<br>PC端+手機(jī)移動(dòng)端</p>
					</li>
					<li><img src="statics/images/n-main-11.gif">
						<p>形象實(shí)力展示強(qiáng)<br>激發(fā)顧客購(gòu)買</p>
					</li>
					<li><img src="statics/images/n-main-12.gif">
						<p>擴(kuò)大分銷渠道<br>　</p>
					</li>
					<li><img src="statics/images/n-main-13.gif">
						<p>強(qiáng)大電商應(yīng)用<br>促進(jìn)成交</p>
					</li>
					<li class="li-bor-notrig"><img src="statics/images/n-main-14.gif">
						<p>高效多維傳播<br>引來(lái)客流量</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-15.gif">
						<p>實(shí)時(shí)咨詢<br>轉(zhuǎn)化率高</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-16.gif">
						<p>強(qiáng)化粉絲黏度<br>優(yōu)化口碑營(yíng)銷</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-17.gif">
						<p>客戶關(guān)懷與維系<br>增加回頭率</p>
					</li>
					<li class="li-bor-notbot"><img src="statics/images/n-main-18.gif">
						<p>提升服務(wù)<br>留住更多客戶</p>
					</li>
					<li class="li-bor-notbot li-bor-notrig"><img src="statics/images/n-main-19.gif">
						<p>多種營(yíng)銷工具<br>引爆人氣</p>
					</li>
					<div class="clear"></div>
				</ul>
			</div>
		</div>
	</div>
</div>