2-9练习题,麻烦老师看看是正确的吗，虽然效果差不多，但总觉得有问题。

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

来源：2-10 编程练习

D淼

2018-04-20 16:37:04

<!DOCTYPE html>

<html>

<head>

<title>两列布局练习</title>

*{margin: 0; padding: 0; font-family: "微软雅黑";}

.p1{width: 100%; height:60px; background-color: black;}

.logo{width: 210px; height: 60px; background: url("http://climg.mukewang.com/58c0d2d900016ce303000100.png") no-repeat; background-size: 100% 100%; float: left;}

.p2{float: right;}

.p2 ul{list-style-type: none;color: #fff;}

.p2 ul li{float: left; line-height: 60px;margin-right: 50px;font-size: 13px;}

.a1{width: 100%; height: 520px;}

.w1{width: 50%; height:520px; background-color: #B0E0E6; float: left;}

.e1{font-size: 18px; font-weight: bold; position: absolute; top: 110px;left: 200px;}

span{background: pink;}

.w1 ul{list-style-type:none; position: absolute;top:140px; left: 200px; font-size: 13px;}

.w1 ul li{margin-top: 20px;}

.w2{width: 50%; height: 520px; background-color: #B0E0E6; float: right;}

.e2{font-size: 18px; font-weight: bold; position: absolute; top: 110px;}

.w3 ul{list-style-type: none;position: absolute;top: 140px;font-size: 13px;}

.w3 ul li{margin-top: 20px;}

.z1{width: 100%; height: 90px; background-color: black;text-align: center;font-size: 12px;}

.z1 ul{list-style-type: none; color: #fff;}

.z1 ul li{height: 90px;display: inline-block;line-height: 90px; margin: 0 30px;}

</style>

</head>

<body>

<ul>

</ul>

</div>

<ul>

<li><span>职业路径</span>    HTML与CSS3实现动态网页</li>

<li><span>职业路径</span>    零距出入门Android语法与界面</li>

<li><span>职业路径</span>    iOS基础语法与常用控件</li>

<li><span>职业路径</span>    PHP入门开发</li>

<li><span>职业路径</span>    JAVA入门开发</li>

</ul>

</div>

<ul>

<li>HTML    CSS    JavaScript</li>

<li>HTML    CSS3    Jquery</li>

<li>移动端基础    移动端APP开发</li>

</ul>

</div>

<ul>

</ul>

</div>

</body>

</html>

写回答

1回答

妮可妮可妮_

2018-04-20

已采纳

你的顶部导航处建议设置左右两边margin一样,方便设置居中显示

不知道同学总觉得有问题,具体遇到了什么样的问题呢?可以描述出来助教老师会为你解答

h淼

h 这样改进了，是比原来的要好。谢谢，老师

h018-04-20

共2条回复

0 学习 · 36712 问题

查看课程

相似问题

2-9编程练习

回答 2

我总感觉我做的是样子差不多，但是里面很混乱..经不起推敲，有没有参考的代码啊老师

回答 1

2-13练习题老师帮忙看下

回答 5

老师，请帮我看一下3-3代码，总感觉有些不对劲，但是又不知道是哪里不太对？谢谢老师

回答 1

3-3编程练习，觉得自己的代码略为冗杂，请老师帮忙批改看看

回答 1

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