使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表ul每一项上添加链接4在“关于我们；1建立一个静态页命名为changehtml ，标题为js导航点击的怎么同时变图片跟字体颜色2设置一个简易的导航栏3加css 控制菜单的样式，并加入背景图片4为li添加id，创建函数fun ，并传递传递参数5为函数加入点击导航改变背景图片的代码=quoturlimagesbg2png；你好 看了下你的代码发现你是用a用的导航，这样当然会出现如果不在a上面就会隐藏二级菜单了，而且你的是a里面套a，这样很不好的出于HTML标签语义化考虑，一般都是用ul，li来写导航的，我给你个提示，你试着做做ltul id=ul1 ltli 这里是一级导航 ltul id=ul2 ltli这里是二级导航ltli；建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；18首先我们的html里，添加好导航内容28后面的就是网页的具体内容了，这里的代码简单一些38样式里，我们先定义一些菜单里的样式48这时运行页面时，在滚动条滚动下去后，导航是会消失不见的58为了让导航栏固定在顶部，我们可以在导航容器里添加样式positionfixedtop0关键是第一个样。

方法如下方法一HTML 1创建CSS菜单的HTML代码框架我们使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项2在主菜单区域中添加链接在本步骤中，在无序列表ul每一项上添加链接3在“关于我们About Us；ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta。

您要的效果应该是下面这样的示例代码如下lt！DOCTYPE HTMLlthtmllthead ltmeta；如何使用css布局水平导航栏 如果是导航菜单，可以用ul不必要列表制作同时在CSS中使用floatleft控制李向左浮动实现水平菜单请注意，UL或UL的父容器的宽度必须大于所有li宽度的总和例如 html怎么把一行图片变两行横向排列给图片的p添加上浮动标签 floatlefthtml网页导航条的设置1导航条的设置；浏览器 1打开Notepad++，先输入个页面框架 DOCTYPE html html xmlns= hade hade body body 2框架好了，那么就该定义页面的title，关键词keyword，和描述description meta charset=UTF8 content=texthtml；首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候一定要注意写在样式标签里最后，运行html页面，您将看到如下图所示的导航栏。

1请单击“文件”“新建”以创建新的web源文件2默认情况下，新类型是OK如果您有其他需要，可以选择页面类型布局等，然后单击“创建”按钮3创建新网页后，单击“设计”页上的“插入表单选择列表菜单”以插入可选择的下拉表单4或者在菜单栏下有一个表单选项图标将鼠标放在；avisited 已访问的状态 aactive 鼠标按下去时候的状态 你只要根据这几点来写就可以，你要点击后改变背景，可以这样写alinkbackgroundurl原来的图片 norepeatavisitedbackgroundurl点击过的图片 norepeat CSS层叠样式表级联样式表是一种用来表现HTML标准通用标记语言的；ltbr ltulltliltliltliltliltliltliltulltdiv#menuoverflowhiddenheight20px#menuhover height100px 选择鼠标指针浮动在其上的元素，并设置其样式ahover backgroundcoloryellow 对于HTML 部分可以使用任何的 HTML 元素来打开下拉菜单，如ltspan；你这个class=quotn”是不能设置高度的，你设置高度了 肯定会覆盖，取消高度。