微信掃碼登錄 ×
vip素材 css3服務(wù)功能介紹圖標(biāo)文字布局代碼
vip素材

css3服務(wù)功能介紹圖標(biāo)文字布局代碼

收藏
css3服務(wù)功能介紹圖標(biāo)文字布局代碼
div css3 實(shí)現(xiàn)簡單大氣企業(yè)建站優(yōu)勢列表圖標(biāo)文字布局代碼, 結(jié)構(gòu)清晰簡單,簡單易用,下載即可使用。

使用方法:

1、head引入css文件

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

2、body引入HTML代碼

<div class="block-content">
	<div class="block-content-box">
		<ul class="block-content-box-list">
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item001.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>自由編輯</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>可視化編輯器,隨時(shí)隨地修改網(wǎng)站</p>
							</div>
						</div>
					</div>

				</div>
			</li>
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item002.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>全網(wǎng)兼容</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>手機(jī)、平板、PC、微信全面兼容</p>
							</div>
						</div>
					</div>

				</div>
			</li>
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item003.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>頂級域名</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>打造互聯(lián)網(wǎng)品牌,綁定頂級域名</p>
							</div>
						</div>
					</div>

				</div>
			</li>
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item004.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>全球加速</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>阿里云分布式存儲,可自主切換節(jié)點(diǎn)</p>
							</div>
						</div>
					</div>

				</div>
			</li>
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item005.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>在線客服</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>一鍵QQ、電話客服、微信快捷關(guān)注</p>
							</div>
						</div>
					</div>

				</div>
			</li>
			<li class="block-list-item">
				<div class="block-list-item-box clearfix">
					<div class="block-list-item-mask">
						<div class="block-list-item-image">
							<div class="block-list-item-content">
								<div class="block-list-item-middle">
									<img src="images/icon-item006.png" alt="">
								</div>
							</div>
						</div>
					</div>
					<div class="block-list-item-text">
						<div class="block-list-item-body">
							<div class="block-list-item-body-title">
								<p>
									<strong>客戶CRM</strong>
								</p>
							</div>
							<div class="block-list-item-body-text">
								<p>自定義表單,微信推送,客戶管理</p>
							</div>
						</div>
					</div>

				</div>
			</li>
		</ul>
	</div>
</div>

使用聲明

1. 本站所有素材(未指定商用),僅限學(xué)習(xí)交流。
2. 會員在本站下載的原創(chuàng)商用和VIP素材后,只擁有使用權(quán),著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材,未經(jīng)合法授權(quán),請勿用于商業(yè)用途,會員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材,否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統(tǒng)商業(yè)用途請預(yù)先授權(quán)。

  • 軟件 Dreamweaver
  • 格式 HTML
  • 作者 歪秀
x
×
×

注冊

QQ注冊 立即下載 微信注冊 立即下載

簽到成功!

已連續(xù)簽到1天,連續(xù)簽到3天可獲得50積分

知道了