ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta；最好是用JS做，但是非要用CSS呢，也可以如下是我以前写的一个CSS下拉，你可以参考一下lthtmlltheadlttitlelttitleltstyle*margin0padding0ul，liliststyletypepadding0margin0#nav li；1首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上这里使用的是DW2接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示3因为菜单栏一般；以将 下拉菜单嵌入由盒子中 充当的按钮 为例来说明问题，以类选择器为button的盒子当作触发下拉菜单的容器即是当鼠标移动到该按钮上面出现下拉框，则必须将hover属性附着在按钮盒子的上一级盒子上，但是通常上一级的盒子。

1新建html页面 打开html编辑软件，新建一个html页面如图2添加导航标签 在ltbody标签里新建一个ltulltul标签，然后在ltul标签里添加几个ltliltli标签如图3在ltli标签内添加文字在新建的ltli添加；使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中；框架好了，那么就该定义页面的title，关键词keyword，和描述description meta charset=#34UTF8#34 content=#34texthtml#34；首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候。

lthtml lthead ltmeta charset=quotUTF8quot ltmeta name=quotviewportquot content=quotwidth=devicewidth，minimumscale=1，initialscale=1quot lttitle竖排菜单lttitle ltstyle margin0padding0 liliststyle；#xF3A8CSS样式CSS放入网页的方式，可以在HTML文件内直接宣告样式，也可以在外部连接套用外部连接套用时，所有的CSS样式都存在另外一个文件中，文件名称为css 抢首赞 评论 分享 举报 为你推荐；这个说来话来，但只要你知道原理就很简单了，做得好不好看是样式的问题了请看如下调用jquery的j显示子菜单的代码quot#menu_2quothoverfunction quotsub_menu_2quotshow，function *这里就是out；lth1ltp折叠1ltplth1 lth1ltp折叠2ltplth1 lth1ltp折叠3ltplth1 lth1ltp折叠4ltplth1 需要js来，最好用jquery来实现 只需要给h1绑定事件，单件它的时候，设置它的p属性，display。

如图，制作导航条菜单一般是用一个div嵌套ul和li标签，然后li里面有a标签布局做好之后，开始写导航条的样式，如图，先清除导航条的margin和padding然后定位导航条的div，这里我就用绝对定位来居中，如果你有其他导航条居中。

方法如下方法一HTML 1创建CSS菜单的HTML代码框架我们使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项2在主菜单区域中添加链接在；1建立一个静态页命名为changehtml ，标题为js导航点击的怎么同时变图片跟字体颜色2设置一个简易的导航栏3加css 控制菜单的样式，并加入背景图片4为li添加id，创建函数fun ，并传递传递参数5为函数加入；这个KING设置20内边距5点击记事本菜单中的文件，选择另存为，把内容保存为html网页格式双击打开预览效果6我们可以发现代码中两个同样的标签显示的css样式却不同，区别就在于样式中定义的pno2，这就是正文代码中。