CSS 导航菜单可以通过使用 HTML 结构和 CSS 样式来创建具有导航功能的菜单栏。下面是一个示例，展示了如何创建一个简单的水平导航菜单：
HTML 结构代码：
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">关于</a></li>
<li><a href="#">服务</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
CSS 样式代码：
nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}nav li {
display: inline-block;
}
nav a {
display: block;
padding: 10px;
text-decoration: none;
color: #000;
}
nav a:hover {
background-color: #f0f0f0;
}
在上面的示例中，我们使用 <nav> 元素作为导航菜单的容器，并在其中嵌套了一个无序列表 <ul>，每个菜单项使用 <li> 元素，并且每个菜单项都用 <a> 元素作为链接。通过设置合适的 CSS 样式，我们可以使导航菜单水平排列，并且当鼠标悬停在菜单项上时，改变菜单项的背景颜色。
你可以根据需要添加更多的菜单项或修改样式，以满足你的具体需求。此外，你还可以使用嵌套的列表结构来创建垂直导航菜单或多级导航菜单。