pink老师【学成在线】footer部分
我没按照教程来，按自己所学仿造出来的：
代码：
<!-- 尾部 -->
<div class="foot">
<!-- 左半部分 -->
<div class="ft-left">
<img src="img/logo.png">
<p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程<br />
@2017年XTCG Inc.保留所有权利。渝ICP备2022002010号</p>
<button>下载APP</button>
</div>
<!-- 右半部分 -->
<div class="ft-right">
<ul>
<p><a href="" class="dx">关于学成网</a></p>
<li><a href="">关于</a></li>
<li><a href="">管理团队</a></li>
<li><a href="">工作机会</a></li>
<li><a href="">客户服务</a></li>
<li><a href="">帮助</a></li>
</ul>
<ul>
<p><a href=""class="dx">新手指南</a></p>
<li><a href="">如何拿到毕业证</a></li>
<li><a href="">如何注册</a></li>
<li><a href="">如何选课</a></li>
<li><a href="">学分是什么</a></li>
<li><a href="">课程未通过怎么办</a></li>
</ul>
<ul>
<p><a href=""class="dx">合作伙伴</a></p>
<li><a href="">合作机构</a></li>
<li><a href="">合作导师</a></li>
</ul>
</div>
</div>
CSS部分：
.foot{
clear: both;
width: 1200px;
margin: auto;
height: 300px;
background-color: #fff;
}
.ft-left{
float: left;
}
.ft-left img{
margin-top: 35px;
margin-bottom: 26px;
}
.ft-left p{
font-size: 14px;
color: #666;
margin-bottom: 20px;
}
.ft-left button{
display: block;
border:1px solid #00a4ff;
height: 35px;
width: 118px;
background-color: #fff;
color:#00a4ff;
font-size: 14px;
}
.ft-right{
margin-top: 45px;
float: right;
}
.ft-right ul:first-child{
float: left;
margin-right: 104px;
}
.ft-right ul:nth-child(2){
float: left;
margin-right: 104px;
}
.ft-right ul:nth-child(3){
float: left;
/* margin-right: 104px; */
}
.ft-right .dx{
color: #050505;
font-size: 18px;
margin-bottom: 15px;
}
.ft-right ul li a{
font-size: 10px;
color:#333;
}
https://www.bilibili.com/video/BV14J4114768?p=219&vd_source=cae51a829d642ca41eead329fad649d6
对应的是219节代码
