写一个游戏网页导航栏带下拉菜单

好的，这里是一个简单的游戏网页导航栏带下拉菜单的HTML和CSS代码示例：

HTML代码：

<nav>
  <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">游戏分类</a>
      <ul>
        <li><a href="#">角色扮演</a></li>
        <li><a href="#">动作冒险</a></li>
        <li><a href="#">射击游戏</a></li>
        <li><a href="#">模拟经营</a></li>
      </ul>
    </li>
    <li><a href="#">最新游戏</a></li>
    <li><a href="#">热门游戏</a></li>
    <li><a href="#">游戏评测</a></li>
    <li><a href="#">游戏攻略</a></li>
    <li><a href="#">游戏论坛</a></li>
  </ul>
</nav>

CSS代码：

nav {
  background-color: #333;
  color: #fff;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}

nav ul li {
  position: relative;
  flex: 1;
  text-align: center;
}

nav ul li a {
  display: block;
  padding: 1rem;
  text-decoration: none;
  color: #fff;
}

nav ul li:hover > ul {
  display: flex;
}

nav ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #333;
  width: 100%;
}

nav ul ul li {
  position: relative;
  flex: 1;
  text-align: center;
}

nav ul ul li a {
  display: block;
  padding: 1rem;
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
}

nav ul ul ul {
  top: 0;
  left: 100%;
}

这个代码示例中，我们使用了HTML的`<nav>`标签来表示导航栏，然后使用了一个`<ul>`标签作为导航菜单的容器。每个导航菜单项都是一个`<li>`标签，而每个下拉菜单项也是一个`<ul>`标签，其内部的每个菜单项是一个`<li>`标签。使用CSS来设置导航栏和下拉菜单的样式，其中`display: flex;`属性用于实现菜单的横向排列，`position`属性用于设置下拉菜单的位置。在鼠标悬停在导航菜单项上时，下拉菜单会显示出来，这是通过`nav ul li:hover > ul`选择器来实现的。