以将 下拉菜单嵌入由盒子中 充当的按钮 为例来说明问题，以类选择器为button的盒子当作触发下拉菜单的容器(即是当鼠标移动到该按钮上面出现下拉框)，则必须将hover属性附着在按钮盒子的上一级盒子上，但是通常上一级的盒子。
1、<select>标签 <select>标签在HTML里面是下拉框，用户点一下可以选择里面的选项 2、<option>标签 <option>标签是<select>标签的选项，它有2个东西需要设置，分别是值value和文本显示。
例如这个opion <option value="0"。
如果是导航类的下拉菜单的话，首先给可选择的主体部分设置宽高，相对定位属性。
然后主体部分建子标签，也就是下拉出来的部分，这部分设置display:none，绝对定位。
通过事件是鼠标悬浮或者点击来动态切换子标签的display，none为隐。
1、新建一个html文件。
2、在body标签里写入下拉列表select标记。
3、在select标记中用option写入下拉框内的值，想要多少就写多少即可。
html下拉框设置默认值，用到的工具:notepad++,步骤如下：html代码部分：<select> <option value="1">北京</option> <option value="1" selected>天津</option> <option value="1">上海</option> </select。