导航条

登录

老师讲得好，以前做的完全没头脑

荷之韵 · 发表于 2016-12-22 16:20:53

嗯，方法掌握了就好，多听老师讲，多多练习，这个导航上的好像没有在导航条上居中，操作没问题，继续加油哈！

hawk666666 · 发表于 2016-12-22 16:52:21

荷之韵发表于 2016-12-22 16:20
嗯，方法掌握了就好，多听老师讲，多多练习，这个导航上的好像没有在导航条上居中，操作没问题，继续加油哈 ...

代码如下，请帮忙看看问题在哪？谢谢！

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百度导航条</title>
<style>
.nav {
background-color: #06F;
height: 40px;
margin-top: 100px
}
.nav ul {
margin: 0px auto;
width: 1000px;
height: 40px;
}
ul {
list-style: none
}
.nav li {
float: left
}
.nav li a {
width: 120px;
height: 40px;
display: block;
line-height: 40px;
color: #FFF;
text-align: center;
text-decoration: none;
font-family: "微软雅黑", "黑体", "宋体";
font-size: 18px;
}
.nav li a:hover {
background: #09F;
}
</style>
</head>

<body>
<div class="nav">
<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>
</body>
</html>

潜意式 · 发表于 2016-12-22 18:42:22

效果都出来了哦，没什么问题呢

[作业] 导航条

本帖子中包含更多资源

共3个回复最后回复于 2016-12-22 18:42

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[作业] 导航条

本帖子中包含更多资源

共3个回复 最后回复于 2016-12-22 18:42

共3个回复最后回复于 2016-12-22 18:42