导航栏标签可以直接在H5使用2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displaytable将ul设置成displaytablecell即可5第三种方法就是使。

4你可以在select标签上添加name属性来为下拉菜单指定名称select name=quotmyDropdownquot #160option value=quotoption1quot选项1option #160option value=quotoption2quot选项2option #160option value=quotoption3quot选项3optionselect 这样，当用户选择一个选项并提交表单时，选中的选项值将。

打开Dreamweaver软件如果有现成的web源文件，可以直接点击“文件”“打开”来打开该文件如果没有，可以点击“文件”“新建”来创建一个新的web源文件默认情况下，新类型即可选择链接并添加行为在设计面板中选择一个链接注意，这个链接是触发下拉菜单的关键打开任务栏中的“窗口”下拉。

原来下拉菜单设置的样式是display当一级菜单hover时，下拉菜单从display转变为displayblock在设置当一级菜单a标签被hover时，下拉菜单的样式，我的写法是navulahover+pull1displayblock但是这样设置只能在a标签被hover时才能出现下拉菜单，当鼠标离开a标签时，下拉菜单就。

4通过代码select设置一个下拉列表菜单，option设计下拉菜单下面的值来达成效果5首先需要打开自己电脑上的DW软件，新建一个html页面，然后将其保存在桌面上接下来我们需要在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码和浏览器的效果如下面两张图片所示如何使用。

最后，我们需要通过JavaScript来实现交互功能当鼠标悬停在导航项上时，使用onmouseover事件显示下拉菜单，当鼠标移出时，使用onmouseout事件隐藏下拉菜单具体代码如下 function showDropdown documentgetElementByIdquotdropdownquotstyledisplay = quotblockquot function hideDropdown。

实际上，在这个导航栏上显示下拉列表非常简单即使不懂代码知识，也可以操作只要按照下面的步骤，就可以轻松实现首先，我们将下面的红色代码粘贴到“网站根目录模板默认 文本JavaScriptsrc= dedechannelartlisttypeid=topclass=子noself=a dedechannelartlist 导航菜单 然后我们重新生成网站首页。

首先，我们来看样式部分这里我们采用了嵌套的列表结构，每个列表项li内部包含一个链接a和一个子列表ul这样的结构使得下拉菜单可以轻松实现多级展开样式上，我们对每个元素进行了细致的设置，例如列表项没有项目符号，链接没有下划线，导航栏有一定的间距等然后，我们来看JavaScript部分。

1首先打开sublime编译器，然后创建后缀名为html的文件，并写入基本网页结构2在div容器中写入最基本的菜单结构，使用列表进行构建3将列表添加class属性，并使用CSS属性去掉列表和a标签的样式4设置第一级菜单的大小和宽度高度，以及文字居中5二级菜单栏设置边框和背景颜色6当鼠标滑过的。

description#34 content=#34搜狗略懂css分享#34 titlecss实现下拉导航栏菜单title style type=#34textcss#34 * margin0 padding0 jiao ul li ahover color#red ul， li liststyle a textdecoration jiao border5px。

4第四步，执行完上面的操作之后，将光标放在layer1上，然后单击“插入表格”，建立一个具有一行三列且宽度为288的表，见下图，转到下面的步骤5第五步，执行完上面的操作之后，在表格中输入百度经验，百度知道，百度文库，可以在属性栏中设置以下属性，见下图，转到下面的步骤6第六步，执行完上面的操作之后，在第2层中输入经验首页，个人。

dreamweavercs6有spry面板功能可以制作类似效果，简单一些最方便的是用别人的代码，别人做得很好而且分享了，为什么不用非要自己费劲制作呢当然最好理解代码，不过不理解能用也不错了一打开Dreamweaver，点击文件新建菜单，创建一个HTML文件，输入网站导航栏文字，并选中输入的文字，在下面的属性栏。

CSS导航菜单水平居中的方法1首先打开我们的测试编辑工具如图所示新建一个项目2然后打开indexhtml文件，输入以下代码3首先第一个方法就是使用displayinlineblock将ul标签设置成行内块级元素然后将li标签设置为左浮动即可4第二种方法就是就是将p设置为displaytable将ul设置成display。

使用Dreamweaver制作导航栏下拉菜单的步骤如下绘制层在Dreamweaver中，选择绘制层绘制一个宽度为130px高度为20px的层，并在层里插入一个同样大小的表格此时，Dreamweaver会自动命名该层的ID为Layer1绘制下拉菜单层在Layer1下面紧接着再绘制一个宽度相同高度为100px的层Dreamweaver会自动。

将以下代码复制到footerhtm内即可考虑SEO原因放置于底部 lt！ 二级子类下拉菜单 dedechannelartlist typeid=#39top#39 cacheid=#39channelsonlist#39 dedechannel type=#39son#39 noself=#39yes#39 fieldtypename dedechannel dedechannelartlist cssdropdownstartchromequotnav。