导航条案例

登录

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>导航案例</title>
<style>
* {
padding: 0;
margin: 0;
}
ul {
list-style: none;
}
.dh {
width: 100%;
height: 40px;
background: #1F7BDC;
margin-top: 100px;
}
.dh ul {
width: 1000px;
height: 40px;
margin: 0 auto;
}
.dh ul li {
float: left;
}
.dh li a {
color: #FFFFFF;
display: block;
width: 120px;
height: 40px;
text-align: center;
line-height: 40px;
text-decoration: none;
font-size: 16px;
font-family: "微软雅黑";
}
.dh li a:hover {
background: #6FA1ED;
}
</style>
</head>
<body>
<div class="dh">
<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>

潜意式 · 发表于 2017-3-31 18:27:40

完成很不错哦，知识点掌握没有问题，继续加油~

能猫大侠 · 发表于 2017-3-31 21:40:53

潜意式发表于 2017-3-31 18:27
完成很不错哦，知识点掌握没有问题，继续加油~

版主老师遇到问题，恳请回答。
http://bbs.qinxue.com/forum.php?mod=viewthread&tid=60196

[作业] 导航条案例

本帖子中包含更多资源

共2个回复最后回复于 2017-3-31 21:40

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

[作业] 导航条案例

本帖子中包含更多资源

共2个回复 最后回复于 2017-3-31 21:40

共2个回复最后回复于 2017-3-31 21:40