代码
1.HTML文件
<title>北大青鸟</title>
<style type="text/css">
div{
background-color:#eee;
width:598;}
.a{
color:#5c9815;}
.b{
color:#F26522;}
.a1{color: #fff;
background: #005953;}
.a2{color: #fff;
background: #007236;}
.a3{color: #fff;
background: #008BBE;}
.a4{color: #fff;
background: #0066B3;}
.a5{color: #fff;
background:#012561; }
b1{ color: #fff;
background:#E77229; }
b2{ color: #fff;
background:#BD1414;}
b3{ color: #fff;
background: #CE3D66;}
b4{ color: #fff;
background:#B10E3E;}
b5{ color: #fff;
background:#582F6A;}
b6{ color: #fff;
background:#4B106B;}
</style>
</head>
<body>
<div>
<div>
<img src="图片素材/title.gif" width="598" height="67">
</div>
<div>
<img src="图片素材/img_01.png" width="288" height="60">
</div>
<div>
<p class="a"><span class="a1">逆向课程设计：</span> 以企业需求决定课程设计内容，确保训练内容及深度和企业需求一致</p>
</div>
<div>
<p class="a"><span class="a2">模拟学员学习路线：</span> 强调难点和复杂技能点的反复训练，力求学习效果和学习体验</p>
</div>
<div>
<p class="a"><span class="a3">互联网作为教学环境：</span> 学员的日常教学和训练均在互联网线上进行</p>
</div>
<div>
<p class="a"><span class="a4">学习挡板监控网上学习效果：</span> 每个学习阶段设置线上线下测试，严密监控学习效果</p>
</div>
<div>
<p class="a"><span class="a5">真实开发项目经验积累：</span> 采用专业互联网企业提供的真实项目作为模拟开发</p>
</div>
<div>
<img src="图片素材/img_02.png" width="329" height="65">
</div>
<div>
<p class="b"><span id="b1">【实用性】——</span> 以就业岗位需求为导向，重点讲解企业80％的时间在使用的20％的技术</p>
</div>
<div>
<p class="b"><span id="b2">【权威性】——</span> 与来自百度等知名企业的专家联合开发</p>
</div>
<div>
<p class="b"><span id="b3">【专业性】——</span> 引进业内资深人才和典型行业开发项目</p>
</div>
<div>
<p class="b"><span id="b4">【真实性】——</span> 在互联网真实环境下进行教学和训练</p>
</div>
<div>
<p class="b"><span id="b5">【易学性】——</span> 在线培训模式，24小时专家在线解答疑难问题</p>
</div>
<div>
<p class="b"><span id="b6">【完整性】——</span> 利用SNS虚拟社区：学习、人脉双丰收</p>
</div>
</div>
</body>
效果
