pink老師【學(xué)成在線】footer部分
我沒按照教程來，按自己所學(xué)仿造出來的：
代碼：
<!-- 尾部 -->
<div class="foot">
? ? <!-- 左半部分 -->
? ? <div class="ft-left">
? ? ? ? <img src="img/logo.png">
? ? ? ? <p>學(xué)成在線致力于普及中國最好的教育它與中國一流大學(xué)和機(jī)構(gòu)合作提供在線課程<br />
? ? ? ? ? ? @2017年XTCG Inc.保留所有權(quán)利。渝ICP備2022002010號</p>
? ? <button>下載APP</button>
? ? ? ? </div>
? ? ? ? <!-- 右半部分 -->
? ? ? ? <div class="ft-right">
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <p><a href="" class="dx">關(guān)于學(xué)成網(wǎng)</a></p>
? ? ? ? ? ? ? ? <li><a href="">關(guān)于</a></li>
? ? ? ? ? ? ? ? <li><a href="">管理團(tuán)隊(duì)</a></li>
? ? ? ? ? ? ? ? <li><a href="">工作機(jī)會</a></li>
? ? ? ? ? ? ? ? <li><a href="">客戶服務(wù)</a></li>
? ? ? ? ? ? ? ? <li><a href="">幫助</a></li>
? ? ? ? ? ? ?
? ? ? ? </ul>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? ?<p><a href=""class="dx">新手指南</a></p>
? ? ? ? ? ? ? ? <li><a href="">如何拿到畢業(yè)證</a></li>
? ? ? ? ? ? ? ? <li><a href="">如何注冊</a></li>
? ? ? ? ? ? ? ? <li><a href="">如何選課</a></li>
? ? ? ? ? ? ? ? <li><a href="">學(xué)分是什么</a></li>
? ? ? ? ? ? ? ? <li><a href="">課程未通過怎么辦</a></li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <p><a href=""class="dx">合作伙伴</a></p>
? ? ? ? ? ? ? ? <li><a href="">合作機(jī)構(gòu)</a></li>
? ? ? ? ? ? ? ? <li><a href="">合作導(dǎo)師</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
對應(yīng)的是219節(jié)代碼
