【汇智学堂】-div+css布局十四(汇智学堂主页-行业动态设计）

效果图：

html文件“列表内容”涉及的

：

<div>
            	<dl>
            		<dt style="float: left;padding-right: 20px;">
            			[外链图片转存失败(img-kDoxoZz2-1562223661681)(https://mp.csdn.net/mdeditor/img/101.png)]
            		</dt>
            		<dd >
            			<h1 style="padding-bottom: 10px;">百度AI开发者大会2019</h1>
            			
            			<p style="padding-bottom: 5px;">
            				7月3日，在2019百度AI开发者大会（Baidu Create 2019）小度智能生活分论坛上，百度副总裁、百度智能生活事业群组（SLG）总经理景鲲正式发布小度助手（DuerOS）5.0。并透露，截至2019年6月，搭载小度助手的智能设备激活数量已经达到4亿，6月小度的月交互次数也达到了36亿。
            			</p>
            			
            			<p ><a style="color:#48A9F3;">查看详情>></a></p> 
            			
            		</dd>
            	</dl>
            	
            	<dl style="padding-top: 30px;">
            		<dt style="float:left;padding-right: 20px;">
            			[外链图片转存失败(img-xWL8oXQv-1562223661682)(https://mp.csdn.net/mdeditor/img/102.png)]
            		</dt>
            		<dd>
            			<h1 style="padding-bottom: 10px;">华为全联接大会</h1>
            			<p style="padding-bottom: 5px;">华为全联接大会2017（HUAWEI CONNECT 2017）作为华为自办的面向ICT产业的全球性年度旗舰大会，于2017年9月5日~7日在上海新国际博览中心隆重举行。本届大会以“Grow with the Cloud”为主题，旨在搭建开放合作的全球共享平台，与客户伙伴一起共同探讨如何通过数字化实现新增长。</p>
            		    <p ><a style="color:#48A9F3;">查看详情>></a></p>  
            		</dd>
            	</dl>
            	
            	<dl style="padding-top: 30px;">
            		<dt style="float:left;padding-right: 20px;">
            			[外链图片转存失败(img-frGrIzhF-1562223661683)(https://mp.csdn.net/mdeditor/img/103.png)]
            		</dt>
            		<dd>
            			<h1 style="padding-bottom: 10px;">谷歌开发者大会：让AI无处不在</h1>
            			<p style="padding-bottom: 5px;">北京时间9月20日上午9点20分，为期两天的Google开发者大会（Google Developer Days）在上海世博中心开幕。今年Google开发者大会有数千名参会者，他们可参与大会期间涵盖12个主题的60多场议程，codelab实战区和AI产品体验区等。</p>
            		   <p ><a style="color:#48A9F3;">查看详情>></a></p>          		
            		</dd>
            	</dl>
            </div>