html怎么用<ul>和<li>制作导航条?求简便一点的代码

 我来答
百度网友5b168d3
2013-05-21 · TA获得超过506个赞
知道小有建树答主
回答量:175
采纳率:0%
帮助的人:213万
展开全部

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>

也可以参考这个,带了二级、三级下拉列表:

匿名用户
2013-05-22
展开全部
<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了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
GO拂晓4
2013-05-22
知道答主
回答量:24
采纳率:0%
帮助的人:8.3万
展开全部
在百度打上十天学会div+css就有教你十天学会div+css里面资源很好
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式