banner介绍

随身学案更适合艺术生集训期间使用

学基础知识

统计近5年高考考察次数,常考必考知识点一目了然
练基本能力

精选高考真题、模拟题、原创新题，熟悉常规、必备解题方法
悟重点难点

全面总结章节重点、难点,理清概念、系统解读。
看名师视频

扫描章节二维码，听、看一线名师视频讲解。

直接使用代码

图片素材

css代码

 <style>
.row-7{overflow:hidden;background:url(http://www.bootfastui.cn/img/2021/0513/pic-h6.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;padding-top:70px;padding-bottom:63px}
.row-7 .g-tith1{margin-bottom:85px;text-align: center;}
.row-7 .g-tith1 h2{color:#fff}
.row-7 ul li{width:25%;float:left;text-align:center;font-size:16px;color:#fff}
.row-7 ul li .pic{width:74px;height:74px;margin:0 auto 26px}
.row-7 ul li .pic img{display:block;width:100%;height:100%}
.row-7 ul li p{width:85%;margin:0 auto}
.row-7 ul li h3{font-size:24px;line-height:30px;margin-bottom:12px}
</style>

HTML+JS代码

 <div class="row-7">
	<div class="container">
		<div class="g-tith1">
			<h2 >随身学案更适合艺术生集训期间使用</h2>
		</div>
		<ul>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513/h23.png" alt="" />
				</div>
				<div class="txt">
					<h3>学基础知识</h3>
					<p>统计近5年高考考察次数,常考必考知识点一目了然</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513/h24.png" alt="" />
				</div>
				<div class="txt">
					<h3>练基本能力</h3>
					<p>精选高考真题、模拟题、原创新题，熟悉常规、必备解题方法</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513/h25.png" alt="" />
				</div>
				<div class="txt">
					<h3>悟重点难点</h3>
					<p>全面总结章节重点、难点,理清概念、系统解读。</p>
				</div>
			</li>
			<li>
				<div class="pic">
					<img src="http://www.bootfastui.cn/img/2021/0513/h26.png" alt="" />
				</div>
				<div class="txt">
					<h3>看名师视频</h3>
					<p>扫描章节二维码，听、看一线名师视频讲解。</p>
				</div>
			</li>
		</ul>
	</div>
</div>