请大家务必... 嘿嘿，今天我们要聊聊怎么用那个神奇的 HTML Zuo出漂亮的导航菜单来！你知道吗，有了这个导航菜单，我们的网站就Neng变得超级酷炫，就像那些大网站一样哦！

什么是导航菜单呢？

没眼看。 导航菜单就像网站的菜单一样，它告诉我们的访问者怎么在网站里找到他们想要的东西。比如说我们可yi在导航菜单里放一些链接，点击这些链接，就Neng跳到网站的其他页面去。

怎么用 HTML Zuo导航菜单呢？

先说说 我们要用那个 nav 标签，它就像一个盒子，可yi把我们的导航菜单装进去。ran后我们再用 ul 和 li 标签来创建菜单的列表。

kankan这个例子吧：

那我们怎么让导航菜单变得好kan呢？

我们都经历过... 当然是要用 CSS Zuo样式啦！我们可yi给导航菜单加颜色、加边框、加背景图，让它变得超级好kan。比如我们可yi这样写 CSS：

nav {
    width: 200px;
    height: auto;
    margin: auto;
}
ul {
    list-style-type: none;
}
li {
    background-color: #efefef;
    margin-bottom: 1px;
}
li:hover {
    background-color: #0c8ed9;
}

还有其他的导航菜单Zuo法吗？

不如... 当然有啦！除了上面说的方法，我们还可yi用 Bootstrap 框架来快速搭建响应式的导航菜单。Bootstrap 是一个超酷的框架， 它可yi帮助我们Zuohen多炫酷的事情，比如让导航菜单在不同设备上douNengkan起来hen好kan。

一下

至于吗？ 哇，我们今天学会了好多guan与导航菜单的东西呢！我们知道了怎么用 HTML 和 CSS Zuo出漂亮的导航菜单，还知道了 Bootstrap 框架怎么用。以后我们Zuo网站的时候，就可yi用这些技巧来让我们的网站变得geng加酷炫啦！

好了今天的分享就到这里啦！如guo你觉得这篇文章有用，就点个赞吧！如guo你还想学geng多，就收藏这篇文章吧！我们下次再见哦！