div css新聞圖文列表并排布局代碼

div css制作新聞動態圖文資訊列表布局，簡潔大氣的單排圖片文字列表布局展示代碼。

使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="container">
	<h2 class="title">新聞動態</h2>
	<p class="desc">商之翼每日趣聞，新鮮事盡在新聞動態！</p>
	<ul class="news">
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>公司動態</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic1.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>06-06</span>【億邦動力】商之翼CEO在中國電子商務大會演講：借助同城電商達成資源共享，滲透到城市的每個細胞，實現精準扶貧！</a>
				</dd>

				<dd>
					<a href="#"><span>07-06</span>“運籌帷幄，營在未來”—2018商之翼第三屆客戶運營交流沙龍會議成功舉辦</a>
				</dd>

			</dl>
		</li>
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>電商資訊</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic2.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>07-25</span>新零售：手機點餐觸角已展露</a>
				</dd>

				<dd>
					<a href="#"><span>07-18</span> 百世：有意回歸供應鏈，布局全球</a>
				</dd>

			</dl>
		</li>
		<li class="news-item">
			<h3><a href="#"><i class="iconfont"></i>客戶案例</a></h3>
			<dl>

				<dt>
			<a href="#" >
				
				<img src="statics/images/news_pic3.jpg">
				
			</a>
		</dt>
				<dd>
					<a href="#"><span>04-28</span>客戶案例 | 上海地產集團教給你如何玩轉農產品電商</a>
				</dd>

				<dd>
					<a href="#"><span>12-05</span>客戶案例 | “互聯網+購車”新模式正在成為新的風口 </a>
				</dd>

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

使用聲明

1. 本站所有素材（未指定商用），僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后，只擁有使用權，著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材，未經合法授權，請勿用于商業用途，會員不得以任何形式發布、傳播、復制、轉售該素材，否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途，織夢系統商業用途請預先授權。

查看演示下載資源

0 12410 42

軟件 Dreamweaver
格式 HTML
作者小沫沫
版權 ? 原創商用（獨家） i

版權聲明

此作品是由17素材網簽約用戶上傳，17素材網擁有版權；未經17素材網書面授權，請勿作他用。人物肖像，字體及音頻如需商用需第三方額外授權；

17素材網尊重知識產權，如知識產權權利人認為平臺內容涉嫌侵權，可通過郵件：3264130392@qq.com提出書面通知，我們將及時處理。

網站提供的黨政主題相關內容（國旗、國徽、黨徽...），目的在于配合國家政策宣傳，僅限個人學習分享使用，禁止用于任何廣告和商用目的。