2-9作业代码

首页课程实战体系课手记专栏慕课教程

2-9作业代码

来源：2-11 经典的三列布局

慕瓜8136058

2017-09-25 14:18:29

<!DOCTYPE html>

<html>

<head>

margin: 0px;

padding: 0px;

}

.toubu{

width: 100%;

height: 100px;

background: #000000;

color: #ffffff;

}

.toubu-1{

height: 100px;

float: left;

}

.toubu-2{

height: 70px;

float: right;

margin: 0px auto;

margin-top: -60px;

margin-right: 50px;

}

.one{

width: 100%;

height: 500px;

background: #f2f2f2;

margin: 0px auto;

font-family: "微软雅黑";

margin: 0px auto;

}

.one1{

width: 40%;

height: 400px;

float: left;

line-height: 40px;

margin-left: 200px;

}

.one2{

font-size: 25px;

margin-top: 80px;

}

.one3{

font-size: 13px;

}

.one3 a{

text-decoration: none;

color: orange;

}

.you{

width:40%;

height: 400px;

float: right;

line-height:40px;

margin-top: 80px;

}

.you1{

font-size: 28px;

}

.you2{

font-size: 13px;

}

.weibu{

width: 100%;

height:100px;

background:#000000;

font-size: 20px;

text-align: center;

position: fixed;

}

.weibu a{

margin-left: 30px;

line-height: 100px;

text-decoration: none;

color: orange;

}

</style>

</head>

<body>

</div>

<div class="one3"><a href="#">职业路径</a> 慕课网慕课网慕课网</div>

</div>

<div class="you2">慕课网慕课网慕课网</div>

</div>

</div>

</body>

</html>

写回答

2回答

慕瓜8136058

提问者

2017-09-26

谢谢老师！

小丸子爱吃菜

2017-09-25

效果实现的倒是没有问题，只是底部推荐div中再嵌套一个ul，内容使用ul列表来写，然后给ul设置定宽，再通过margin：0 auto；让元素水平居中。

这个只是编程练习，不是作业，作业的话是需要提交，然后老师会进行批改，然后会给你相应的意见和建议，编程练习只要效果达到和要求一致即可！

祝学习愉快！

0 学习 · 36712 问题

查看课程

相似问题

2-9作业问题

回答 2

css最后2-9的作业

回答 2

2-9作业批阅

回答 1

2-6作业

回答 2

2-9编程练习

回答 2

打开慕课网App查看更多内容