开发者学堂课程【零基础学前端 HTML+CSS:脚部信息 】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5158
脚部信息
完成底部的内容
在 css.css 中
.line{
width: 1px;
height: 292px;
border: 0px 1px 0px 0px;
float: left;
}
#foot{
width: 100%
min-width:960px;
max-width: 1920px;
background-color: #f2f2f2;
height: 60px;
}
显示如上图
然后在 index.html 中写入:
<div id= “foot”>
版权归属:
魔乐科技 极限 IT 程序员 </div>
刷新页面显示
这个位置可以再添加 line-height 高度
#foot{
width: 100%
min-width:960px;
max-width: 1920px;
background-color: #f2f2f2;
height: 60px;
line-height: 60px;
}
刷新得
剩下的文字地址可以加在 <div id= “foot”>
版权归属:魔乐科技 极限 IT 程序员</div> 中:
<div id= “foot”>
版权归属:魔乐科技 极限IT程序员 电话:400-0088-518 网址:www.mldn.cn</div>
刷新得
整体结构先给大家做一个搭建,自己可以尝试用 div css 的形式来做这样一个页面