请老师指导下，感觉有些代码理得不是很清楚，谢谢
来源：2-7 编程练习
voating
2018-02-01 11:33:36
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
/*此处写代码*/
*{margin:0;padding:0;font-family:"微软雅黑";color:#fff;}
.logo{background:url(http://climg.mukewang.com/58c0d2d900016ce303000100.png) no-repeat;width:360px; height:100px;}
.nav{padding-top:-100px;background:black;height:100px;width:100%;position: fixed;top:0;left: 0;}
ul{float:right;width:800px;position:absolute;top:0;right:0;line-height:100px;}
ul li{float:left;list-style:none;font-size:26px;padding:0 46px;}
.pic1 img{width:100%;display: block;}
.foot{height:100px;background:black;font-size:26px;width: 100%;text-align: center;position: fixed;bottom: 0;left: 0;}
.foot a{text-decoration:none;height: 100px;width: 700px;padding:0 46px;line-height: 100px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="nav">
<div class="logo"></div>
<ul>
<li>课程</li>
<li>职业路径</li>
<li>实战</li>
<li>猿问</li>
<li>手记</li>
</ul>
</div>
<div class="pic1">
<img src="http://climg.mukewang.com/58c0eda50001e12416000480.jpg" alt="">
<img src="http://climg.mukewang.com/58c0edb80001c9f216000480.jpg" alt="">
<img src="http://climg.mukewang.com/58c0edc9000100d516000480.jpg" alt="">
</div>
<div class="foot">
<a href="#">网站首页</a>
<a href="#">企业合作</a>
<a href="#">人才招聘</a>
<a href="#">联系我们</a>
<a href="#">常见问题</a>
<a href="#">友情链接</a>
</div>
</body>
</html>写回答
1回答
-
bbbboom
2018-02-01
我测试了你的代码，效果实现的很好呀！你不理解的地方可以说清楚一点，我们可以一起讨论一下呀！(#^.^#)
0h018-02-01
相似问题