html怎么用<ul>和<li>制作导航条？求简便一点的代码
3个回答
展开全部
HTML：
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<style type="text/css">
html, body{
margin: 0;
padding: 0;
background: #E6E6E6;
}
.nav{
list-style: none;
width: 100%;
height: 30px;
background: #171714;
}
.nav li{
float: left;
width: 80px;
height: 30px;
background: #373734;
border-left: solid 1px #10100D;
border-right: solid 1px #535351;
text-align: center;
font: 14px arial,'Microsoft Yahei',宋体,sans-serif,tahoma;
font-weight: bold;
line-height: 30px;
color: #898988;
cursor: pointer;
}
.nav li:hover{
background: #4D4D4B;
color: #fff;
}
</style>
</head>
<body>
<ul class="nav">
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
<li>Menu</li>
</ul>
</body>
</html>
也可以参考这个，带了二级、三级下拉列表：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<ul>
<li><a href="">导航1</a></li>
<li><a href="">导航2</a></li>
<li><a href="">导航3</a></li>
<li><a href="">导航4</a></li>
</ul>
再加上css样式就OK了
<li><a href="">导航1</a></li>
<li><a href="">导航2</a></li>
<li><a href="">导航3</a></li>
<li><a href="">导航4</a></li>
</ul>
再加上css样式就OK了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在百度打上十天学会div+css就有教你十天学会div+css里面资源很好
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
