麻烦老师帮忙检查，谢谢
来源：2-10 编程练习
慕婉清8375384
2019-09-17 14:51:55
<!DOCTYPE html>
<html>
<head>
<title>2-10编程</title>
<meta charset="UTF-8">
<style type="text/css">
*{padding:0;margin:0;}
ul{list-style:none;}
a{text-decoration:none;}
.container{width:100%;}
.header{width:100%;background:#000;overflow:hidden;zoom:1;}
.header .logo{width:30%;height:100px;float:left;}
.header .nav{float:right;overflow:hidden;zoom:1;}
.header .nav li{float:left;padding-right:40px;}
.header .nav li a{height:100px;line-height:100px;font-size:16px;font-family:"微软雅黑";color:#fff;margin:0 20px;}
.body{width:100%;background:#ccffff;height:500px;overflow:hidden;zoom:1;}
.body .left{width:40%;float:left;padding:50px 0;}
.body .left h4{float:right;padding-right:220px;margin-bottom:21px;}
.body .left ul{float:right;}
.body .right{width:50%;float:right;padding:50px 0;}
.body .right a{color:#000;}
h4{font-size:20px;}
span{background:#ff6666;}
.footer{width:100%;height:80px;background:#000;}
.footer ul{width:864px;height:80px;margin:0 auto;overflow:hidden;zoom:1;}
.footer ul li{float:left;}
.footer ul li a{font-size:16px;font-family:"微软雅黑";color:#fff;height:80px;line-height:80px;margin:0 40px;}
</style>
</head>
<body>
<div class="container">
<div class="header">
<div class="logo"><a href="#"><img src="http://climg.mukewang.com/58c0d2d900016ce303000100.png"></a></div>
<ul class="nav">
<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>
</div>
<div class="body">
<div class="left">
<h4>课程推荐</h4><br/>
<ul>
<li><span>职业路径</span> HTML5与CSS3事先动态网页</li><br/>
<li><span>职业路径</span> 零基础入门Android语法与界面</li><br/>
<li><span>职业路径</span> iOS基础语法与常用控件</li><br/>
<li><span>职业路径</span> PHP入门开发</li><br/>
<li><span>职业路径</span> JAVA入门开发</li>
</ul>
</div>
<div class="right">
<h4>相关课程</h4><br/>
<ul>
<li><a href="#">HTML</a> <a href="#">CSS</a> <a href="#">JavaScript</a></li><br/>
<li><a href="#">HTML5</a> <a href="#">CSS3</a> <a href="#">jQuery</a></li><br/>
<li><a href="#">移动端基础</a> <a href="#">移动端APP开发</a></li>
</ul>
</div>
</div>
<div class="footer">
<ul>
<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>
<li><a href="#">友情链接</a></li>
</ul>
</div>
</div>
</body>
</html>
1回答
-
同学你好，
标题要在之前显示。
修改为：
效果：
如果我的回答帮助了你，欢迎采纳，祝学习愉快~
0
相似问题