论坛

标题: 导航条 [打印本页]

作者: hawk666666 时间: 2016-12-22 15:59
标题: 导航条
老师讲得好，以前做的完全没头脑

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

作者: hawk666666 时间: 2016-12-22 16:52

荷之韵发表于 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
效果都出来了哦，没什么问题呢

欢迎光临论坛 (http://bbs.qinxue.com/)