div css網(wǎng)絡(luò)營(yíng)銷(xiāo)服務(wù)列表布局代碼

使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="case-container">
	<div class="case-index-title">
		<h2>增值服務(wù)</h2>
		<p>多年的經(jīng)驗(yàn)，為客戶解決多種增值服務(wù)，全方位提供360°解決方案</p>
	</div>
	<div class="case-index-content">
		<ul class="service-list">
			<li class="service-list-item service-bj1">
				<div class="service-title">
					<h3>視覺(jué)營(yíng)銷(xiāo)服務(wù)</h3>
				</div>
				<div class="service-content">
					<ul class="service-content-list">
						<li>
							<h4>網(wǎng)站廣告圖</h4>
							<p>提供宣傳廣告圖專(zhuān)業(yè)設(shè)計(jì)</p>
						</li>
						<li>
							<h4>LOGO設(shè)計(jì)</h4>
							<p>為企業(yè)定制專(zhuān)屬標(biāo)志形象</p>
						</li>
						<li>
							<h4>企業(yè)宣傳冊(cè)</h4>
							<p>手冊(cè)、三折頁(yè)、統(tǒng)一風(fēng)格設(shè)計(jì)</p>
						</li>
						<li>
							<h4>營(yíng)銷(xiāo)PPT</h4>
							<p>招商、路演、品牌宣傳PPT</p>
						</li>
					</ul>
					<a href="javascript:;" target="_blank" class="service-list-more">了解更多</a>
				</div>
			</li>
			<li class="service-list-item service-bj2">
				<div class="service-title">
					<h3>HTTPS安全服務(wù)</h3>
				</div>
				<div class="service-content">
					<ul class="service-content-list">
						<li>
							<h4>SSL證書(shū)加密</h4>
							<p>建立訪客于瀏覽器的加密連接</p>
						</li>
						<li>
							<h4>綠色掛鎖表示</h4>
							<p>網(wǎng)站域名顯示綠色掛鎖</p>
						</li>
						<li>
							<h4>安全訪問(wèn)</h4>
							<p>網(wǎng)站信息數(shù)據(jù)深度加密</p>
						</li>
						<li>
							<h4>賬戶安全</h4>
							<p>賬戶不怕盜、防木馬中毒</p>
						</li>
					</ul>
					<a href="javascript:;" target="_blank" class="service-list-more">了解更多</a>
				</div>
			</li>
			<li class="service-list-item service-bj3">
				<div class="service-title">
					<h3>定制開(kāi)發(fā)服務(wù)</h3>
				</div>
				<div class="service-content">
					<ul class="service-content-list">
						<li>
							<h4>ECSHOP二次開(kāi)發(fā)</h4>
							<p>資深技術(shù)開(kāi)發(fā)ECSHOP程序</p>
						</li>
						<li>
							<h4>微商城開(kāi)發(fā) / 定制</h4>
							<p>打造微商城、公眾號(hào)等服務(wù)</p>
						</li>
						<li>
							<h4>APP開(kāi)發(fā) / 定制</h4>
							<p>打造屬于自己的APP商城應(yīng)用</p>
						</li>
						<li>
							<h4>小程序開(kāi)發(fā) / 定制</h4>
							<p>即用即走的小程序、搶占先機(jī)</p>
						</li>
					</ul>
					<a href="javascript:;" target="_blank" class="service-list-more">了解更多</a>
				</div>
			</li>
			<li class="service-list-item service-bj4">
				<div class="service-title">
					<h3>運(yùn)維服務(wù)</h3>
				</div>
				<div class="service-content">
					<ul class="service-content-list">
						<li>
							<h4>SEO關(guān)鍵字</h4>
							<p>優(yōu)化名詞、提升搜索率</p>
						</li>
						<li>
							<h4>圖片內(nèi)存</h4>
							<p>保品質(zhì)壓縮圖片，加載更快</p>
						</li>
						<li>
							<h4>代碼壓縮</h4>
							<p>代碼精簡(jiǎn)，提高訪問(wèn)時(shí)間</p>
						</li>
						<li>
							<h4>服務(wù)器代維</h4>
							<p>阿里云、京東云等服務(wù)器代維</p>
						</li>
					</ul>
					<a href="javascript:;" target="_blank" class="service-list-more">了解更多</a>
				</div>
			</li>
		</ul>

	</div>
</div>