论坛
标题:
导航条案例
[打印本页]
作者:
大饺子
时间:
2017-3-31 14:37
标题:
导航条案例
[attach]88255[/attach]
<!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
完成很不错哦,知识点掌握没有问题,继续加油~
作者:
能猫大侠
时间:
2017-3-31 21:40
潜意式 发表于 2017-3-31 18:27
完成很不错哦,知识点掌握没有问题,继续加油~
版主老师 遇到问题,恳请回答。
http://bbs.qinxue.com/forum.php?mod=viewthread&tid=60196
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1