如果想仅用CSS实现的话，可以考虑把菜单标题和菜单内容放到同一个容器下，然后给这个容器做hover样式，具体请参阅下面示例代码HTMLlt！DOCTYPE html PRODUCT MODULAR BROADLOOM RESILIENT RUBBER；HTML下拉菜单代码用于创建在网页中显示的下拉菜单，使用户能够从预定义的选项列表中选择一个选项下拉菜单通常用于表单导航栏和其他用户交互界面的设计要编写HTML下拉菜单代码，你可以按照以下步骤进行1使用select标签来；下拉菜单的制作方法，要CSS代码的 可以出现二级菜单和三级菜单的最好不要有javascript代码出现 可以出现二级菜单和三级菜单的最好不要有javascript代码出现 展开 #xE768 我来答。

css制作横排二级下拉菜单，代码如下 一级栏目 二级菜单 二级菜单 二级菜单 一级栏目 二级菜单 二级菜单 二级菜单；这个其实很简单啊，用hover就行下面是例子css代码 bodybackground#566 ulmarginleft 0paddingleft 0 li displayinlineblock color #fff fontsize 20px lineheight；mainMenu backgroundcolorFFF*Backgroundcolorofmainmenu* fontfamilyTrebuchetMS，LucidaSansUnicode，Arial，sansserif*Fontsofmainmenuitems* fontsize12em*Fontsizeofmainmenuitems* borderbottom1px；定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码设置一个下拉列表菜单，设计下拉菜单下面的值来达成效果代码源件 无标题 下拉列表菜单 下拉选项1。

最好是用JS做，但是非要用CSS呢，也可以如下是我以前写的一个CSS下拉，你可以参考一下*margin0padding0ul，liliststyletypepadding0margin0#nav li adisplayblockwidth100pxtextal；HTML CSS 部分代码html， bodyfontfamily Arial， Helvetica， sansseriffontsize16pxadisplay blockwidth50pxborder1px solid #333backgroundcolorwhitepadding3pxtextalign centertextdecorat；这个是菜单栏的代码，以下是CSS样式#menu background #FFFFFF urlimagesimg01gif repeatx width 960px height 45px margin 0 auto padding 0px 0 fontsize16px#menu ul height 45px margin。

5第三种方法就是使用displayinlineflex，css代码如图所示6这种方法的html是套用一个p即可如图所示7然后将下图中的css代码写入CSS文件中即可css导航栏鼠标hover的时候就出现下拉菜单，怎么做的选择鼠标指针浮动；aa ss dd ff gg cssshow display jsvar isClick=truequotpquotclickfunction ifisClick quotshowquotcssquotdisplayquot，quotblockquotisClick=falseelse quotshowquotcssquotdisplayquot，quot；使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中；nav 添加一个DIV标记来分隔页面中的一个块以供显示div中使用的样式是用我们刚刚声明的盒子“jiao”来描述的然后使用无序标签 放上所有的代码，可以参考允许您通过URL识别您的标记 内容类型charset=utf8 填充0。

贴一段网上摘的纯CSS下拉菜单二级lt！DOCTYPE HTML 利用float制作兼容ie6纯css下来菜单 margin0 padding0 ul liststyle ahover color#555 nav floatleft overflowhidd。

简单的代码实现，仅供参考单选框 复选框 下拉框 n n n。