最佳答案

下面是一个示例的Discuz二级导航菜单的代码：

HTML代码：

菜单1
菜单2
菜单3
菜单4
菜单5

CSS代码：

.sub-nav {
background-color: #333;
height: 40px;
}
.sub-nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.sub-nav li {
margin: 0 10px;
}
.sub-nav li a {
color: #fff;
text-decoration: none;
font-size: 16px;
padding: 5px 10px;
}
.sub-nav li a:hover {
background-color: #555;
}

以上代码创建了一个黑色背景的二级导航菜单。每个菜单项都是一个li元素，包含一个带有链接的a元素。CSS代码设置了菜单的样式，其中包括背景色、字体颜色、间距等。

你可以根据需要修改代码中的菜单项数量、颜色、字体大小等。此外，你还可以添加其他的CSS样式来自定义菜单的外观。

其他答案

Discuz二级导航菜单是一种常用的网页导航菜单样式，它可以帮助用户快速定位到网站的不同内容或功能模块。下面是一个示例代码，用于创建一个基本的Discuz二级导航菜单。

HTML代码：

首页
论坛

论坛1
论坛2
论坛3


社区

社区1
社区2
社区3


资源

资源1
资源2
资源3


用户中心
帮助

CSS代码：

#nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#nav li {
display: inline-block;
position: relative;
}
#nav a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
}
#nav ul ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #f9f9f9;
padding: 0;
margin: 0;
}
#nav ul li:hover > ul {
display: inherit;
}
#nav ul ul li {
width: 200px;
float: none;
display: list-item;
position: relative;
}
#nav ul ul ul li {
position: relative;
top: -60px;
left: 200px;
}
#nav ul li:hover a {
color: #fff;
background-color: #333;
}
#nav ul li:hover ul a {
color: #333;
}
#nav ul li:hover ul li a:hover {
background-color: #666;
}

在上述代码中，`<div id="nav">`是菜单容器的外层包裹元素，`<ul>`是菜单项的容器，每个菜单项使用`<li>`表示。如果某个菜单项有子菜单，可以在该`<li>`下嵌套一个`<ul>`来表示子菜单。

使用CSS设置了菜单的样式，包括字体、背景颜色、边距等。鼠标悬停在某个菜单项上时，子菜单会显示出来。

需要注意的是，上述代码只是一种基本的二级导航菜单样式，你可以根据自己的需求进行修改和扩展。对于Discuz论坛系统，你还可以自定义菜单的样式和功能，具体的操作需要参考Discuz官方文档。