html和css生成一个菜单文件选择器

以下是一个简单的HTML和CSS代码，可以生成一个菜单文件选择器：

HTML代码：

<div class="menu">
  <ul>
    <li><a href="#">文件</a>
      <ul>
        <li><a href="#">打开</a></li>
        <li><a href="#">保存</a></li>
        <li><a href="#">另存为</a></li>
      </ul>
    </li>
  </ul>
</div>

CSS代码：

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  float: left;
  position: relative;
  padding: 10px;
}

.menu li a {
  display: block;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}

.menu li ul {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  padding: 0;
}

.menu li:hover ul {
  display: block;
}

.menu li ul li {
  float: none;
  display: list-item;
  position: relative;
  padding: 5px;
}

.menu li ul li a {
  color: #333;
  font-weight: normal;
}

解释：
- HTML代码中使用了无序列表（ul）和列表项（li）来创建菜单。
- 文件菜单项（文件）作为一个li元素，下面的子菜单作为另一个无序列表（ul）元素嵌套在其中。
- CSS代码设置了菜单列表的样式，如去掉了默认的列表符号，设置了菜单项之间的间距，设置了菜单项鼠标悬停时的样式，并将子菜单的显示设置为none，只有在菜单项鼠标悬停时才显示出来。