1、如果是导航类的下拉菜单的话，首先给可选择的主体部分设置宽高，相对定位属性然后主体部分建子标签，也就是下拉出来的部分，这部分设置display，绝对定位通过事件是鼠标悬浮或者点击来动态切换子标签的display，为；最好是用JS做，但是非要用CSS呢，也可以如下是我以前写的一个CSS下拉，你可以参考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li；1首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上这里使用的是DW2接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示3因为菜单栏一般；下拉菜单，其实就是使用HTML+css和一些小小的js就能很简单的实现，首先需要你有至少有2个div然后在将第一个div作为父级元素，然后在使用positionabsolut绝对定位一下然后在使用JS，获取对象，然后添加一个鼠标的onmouseover。

2、6这种方法的html是套用一个p即可如图所示7然后将下图中的css代码写入CSS文件中即可css导航栏鼠标hover的时候就出现下拉菜单，怎么做的选择鼠标指针浮动在其上的元素，并设置其样式对于HTML部分可以使用任何的HTML；1点击下拉内容能切换显示2下拉内容显示时，点击页面非下拉内容块隐藏当前显示的下拉内容3当前内容显示，点击其他的下拉按钮，当前内容隐藏新点击的下拉内容显示；代码效果图代码含义ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml；网页的下拉菜单是空白的，怎么解决HTMLselect下拉框中，可以通过设定一个空值来使开始显示的是空白如设置第一行optionvalue=quotkongbaiquotoption为空操作代码如下！DOCTYPEhtmlPUBLICquotW3CDTDXHTML10。

3、现在我们为nav添加样式，首先去掉默认的margin和padding，再去掉ltullt li标签的liststyle样式和lta标签的默认下划线接下来再添e799bee5baa6e4b893e5b19e63加适当的样式根据实际需要添加进行美化，如一下；这位网友你好，你找到这个class名称menufunction在basecss文件中第11行添加属性zindex为999即可解决问题menufunction zindex999。

4、select标签实现注如果是联动下拉菜单的话，需要通过js动态处理select中的option纯css三级下拉菜单，下面是样式表 *commonstyling* menufontfamilyarial，sansserifwidth750pxpositionrelativemargin0fontsize；使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中。

5、如图，用到空格隔开，注意，空格表示后代选择器这样，下面的下拉菜单就看不见了，哈哈然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用到了滑动效果，具体可以自己查找一下slideToggle的用法哦；12 31单击图片属性检查按钮，单击图片属性检查按钮，可以将其变为相关内容的属性。

6、3设置鼠标悬停时的字体渐变颜色图示中的代码在悬停时，将链接变为深色渐变背景和白色文字的字体4使用样式表显示子菜单当前子菜单样式继承主菜单元素我们要让子菜单项垂直显示在主菜单项下方5定位下拉菜单，并。