H5 基础实战练习（7.3）“学习二十大 永远跟党走 奋进新征程”主题教育实践活动网页 （第四部分，三小部分）

第四部分，第三小部分

在第四部分内创建第三小部分并将div以ahead-copy clearfix命名，且分为上左右三部分，上部分和第二小部分的上部分做法相同，左边为轮播图我们用背景图片代替，右边是列表标签。

                <!-- 小三 -->
				<div class="ahead-copy clearfix">
					<!-- 最新报道 -->
					<div class="ahead-colum">
						<img src="img/02.png">
						<div class="ahead-more">
							<a href="#" style="color: #c72722;">更多>></a>
						</div>
					</div>
					<div class="ahead-zuo floleft"> </div>
					<ul class="borderkimg floright">
						<li>
							<div class="">
								<img src="img/6.png">
								<p></p>
							</div>
						</li>
						<li>
							<div class="">
								<img src="img/7.png">
								<p></p>
							</div>
						</li>
						<li>
							<div class="">
								<img src="img/8.png">
								<p></p>
							</div>
						</li>
					</ul>
				</div>

css样式

ahead-colum命名上边的最先报道，之前做过样式了直接用就可以了

给左边的一个背景颜色以及高度宽度（496px、895px）

右边给个10px下边距，

.ahead-zuo {
	width: 895px;
	height: 496px;
	background: #FFC0CB;
}

.borderkimg li {
	margin-bottom: 10px;
}

第三小部分结束