div css最新動(dòng)態(tài)新聞列表布局代碼

使用方法：

1、head引入css文件

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

2、body引入HTML代碼

<div class="newsCenterPanel">
	<div class="title">
		<a href="#" target="_self">最新動(dòng)態(tài)</a>
	</div>
	<div class="newsCenterPanel_inner">

		<div class="newContentBox odd">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">2</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">[精]科技網(wǎng)新產(chǎn)品“科技商城”正式上線</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">1月2日，科技網(wǎng)新產(chǎn)品“科技商城”正式上線，商家企業(yè)將能通過(guò)新產(chǎn)品科技商城享受更優(yōu)質(zhì)的在線商城建設(shè)服務(wù)，輕松打造屬于自己的在線商城
				</div>
			</a>

		</div>

		<div class="newContentBox even">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">29</p>
					<p class="ym">2018-12</p>
				</div>
				<div class="newTitle">[精]科技網(wǎng)助力2018廣州互聯(lián)網(wǎng)+新經(jīng)濟(jì)發(fā)展論壇</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">12月27日，2018廣州互聯(lián)網(wǎng)+新經(jīng)濟(jì)發(fā)展論壇在廣州陽(yáng)光酒店隆重舉行，科技網(wǎng)作為此次論壇技術(shù)支持單位，也受邀參會(huì)共探未來(lái)共贏之路……
				</div>
			</a>

		</div>

		<div class="newContentBox odd">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">8</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">20190109功能更新（1月第二周）</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">手機(jī)碼驗(yàn)證防刷、作品分享
				</div>
			</a>

		</div>

		<div class="newContentBox even">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">8</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">你還在煩惱如何制作電子邀請(qǐng)函嗎？快看這里</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">將近年尾，很多公司企業(yè)都會(huì)準(zhǔn)備舉行一些大型活動(dòng)，例如年會(huì)、頒獎(jiǎng)會(huì)等等，來(lái)激勵(lì)員工一年的辛苦勞動(dòng)。邀請(qǐng)員工出席這些大型活動(dòng)，得先要準(zhǔn)備好一個(gè)電子邀請(qǐng)函，那么我們又該怎樣去制作電子邀請(qǐng)函呢？
				</div>
			</a>

		</div>

		<div class="newContentBox odd">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">7</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">你是否缺少一款好用的H5制作軟件？</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">又進(jìn)入了一年的尾聲，不管是企業(yè)、公司還是商家，都可能會(huì)舉辦很多活動(dòng)，在這種情況下，不管是做H5邀請(qǐng)函、H5傳單等，都需要用到H5制作軟件。而我們煩惱的是，如何才能夠找到一款好用的制作軟件來(lái)做H5呢？
				</div>
			</a>

		</div>

		<div class="newContentBox even">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">4</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">H5頁(yè)面設(shè)計(jì)風(fēng)格大盤點(diǎn)！</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">H5頁(yè)面發(fā)展到現(xiàn)在，已經(jīng)不像幾年前那樣稀有了，甚至可以說(shuō)是遍地都是。只有好的H5頁(yè)面才能夠達(dá)到宣傳推廣的效果。但是設(shè)計(jì)有限，靈感缺乏該怎么辦呢？下面小編來(lái)給大家盤點(diǎn)幾個(gè)H5頁(yè)面設(shè)計(jì)風(fēng)格！
				</div>
			</a>

		</div>

		<div class="newContentBox odd">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">3</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">H5場(chǎng)景制作原來(lái)可以有這么多風(fēng)格！</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">H5場(chǎng)景制作是當(dāng)下比較熱門的頁(yè)面制作方式，然而還是有很多人對(duì)這種制作方式不太了解。今天小編就跟大家分享下H5場(chǎng)景制作的5種風(fēng)格，看看你心儀哪種。
				</div>
			</a>

		</div>

		<div class="newContentBox even">
			<a hidefocus="true" href="#">
				<div class="time">
					<p class="day">2</p>
					<p class="ym">2019-1</p>
				</div>
				<div class="newTitle">3步制作一款酷炫的年會(huì)邀請(qǐng)函</div>

				<div class="newTitleIcon"></div>
				<div class="border"></div>
				<div class="newContent">2018年已經(jīng)余額不足，各家企業(yè)也在開(kāi)始籌備年會(huì)的相關(guān)事宜，全體員工齊聚一起，回顧過(guò)去，展望未來(lái)。年會(huì)通知，你還在使用通訊工具進(jìn)行單調(diào)、乏味的文字通知形式嗎？使用更潮流的通知方式——酷炫的H5年會(huì)邀請(qǐng)函，年會(huì)的喜慶氣息會(huì)更濃厚，對(duì)于企業(yè)文化的發(fā)展也更有利。
				</div>
			</a>

		</div>

	</div>
</div>