1首先我们打开html开发工具，新建一个html代码页面2在html代码页面上创建一个select下拉菜单3保存html代码页面，使用浏览器打开，这个时候我们发现select下拉菜单是可以点击修改的4回到html代码页面，在select标签上添加disabled=quotdisabledquot属性5保存html代码页面，回到浏览器页面上刷新页面。

select #160option value=quotoption1quot选项1option #160option value=quotoption2quot选项2option #160option value=quotoption3quot选项3option #160option value=quotoption4quot选项4option #160！ 可以继续添加更多选项 select 4你可以在select标签上添加name属性来为下拉。

要在下拉选项中添加滚动条，可以使用HTML和CSS实现首先，创建一个包含选项的下拉菜单这可以使用ltselect标签完成接下来，为包含下拉菜单的父元素设置一个固定的高度和宽度，并设置overflowy为scroll这样，当下拉菜单的内容超过父元素的高度时，就会出现垂直滚动条以下是一个简单的示例代码ltdiv。

想要实现三级联动效果，可以参考一些现成的示例代码，比如info448，htm，php？%E4%B8%89%E7%BA%A7%E8%81%94%E5%8A%A8这些网站提供了详细的代码示例，你可以下载后根据自己的需求。

lt！DOCTYPE html PUBLIC lthtml lthead ltstyle * 1 清除ul默认样式 * ul padding 0margin 0liststyle * 2 设置水平方向主菜单， 设置子菜单弹出位置相对于当前父菜单项 * li float left * 产生水平菜单 * position relative * position为非static。

代码含义ltselect定义为下拉列表菜单标签 ltOption定义下拉列表数据标签 ltValue 定义传输的定 实现原理通过代码ltselect设置一个下拉列表菜单，ltoption设计下拉菜单下面的值来达成效果代码源件lthtml lthead ltmeta。

5设置你的下拉菜单就行了 quot内容quot “外观” quot高级quot quot位置quot6调整一下你的切片位置和大小7预览f128文件导出html和图像9ok大致步骤就这么多再打开 dreamweaver 1quot插入quot“图像对象”“fireworks HTML”2“浏览”将做好的那个导航条在加进来。

首先，我们需要在HTML文件中创建一个基本的结构例如，我们可以创建一个包含下拉菜单的导航栏使用ltul和ltli标签来构建导航栏的基本框架，其中ltul标签用于定义无序列表，而ltli标签用于定义列表项接下来，我们需要添加CSS样式来美化导航栏和下拉菜单通过设置display属性为，我们可以隐藏下拉菜单。

使用HTML和CSS制作下拉菜单的方法如下1编写带有div导航的html代码2使用class=“nav”属性的‘div’标签作为菜单的容器在截图中，在图示的HTML代码中，一个简单的无序列表ul来表示主菜单项3在主菜单区域中添加链接在本步骤中，在无序列表ul每一项上添加链接4在“关于我们。

1首先打开电脑上的可编辑网页的软件，新建一个html页面，然后将其保存在桌面上这里使用的是DW2接下来在body里面添加DIV标签，并在其内使用ul无序列表和li标签制作一个一级菜单栏，代码如图片所示3因为菜单栏一般都是有链接的，这就需要为每个li标签添加一个a标签，并增加适当的样式使得。

html做鼠标悬浮菜单上的选项能出现下拉菜单，CSS+JS做出此效果ltbody内代码为ltUL id=fm ltLIltA href=quot#quot一级菜单栏目ltA ltUL ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一级菜单目录ltAltLI ltLIltA href=quot#quot一级菜单目录ltAltLI ltLI。

这个用jQuery就的toggle函数可以实现lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleTitlelttitleltscript src=quot ltstyle main liststyle float left marginleft 20px main li liststyle。

单纯用css肯定不能实现这种效果，需要用到jQuery，代码如下然后再用css去修改样式就好background#0000FF此时，我们在浏览器就可以看到下拉菜单的样式已经可以显示了设置鼠标经过时的响应最后一条规则，让鼠标滑过有下拉项的时候，显示下拉菜单div+css下拉列表怎么写？1使用HTML和CSS制作下拉。

现在我们有一个下拉列表，Html代码如下html view plain copy ltselect id=quotfruit_typequot ltoption value =quotf1quotAppleltoption ltoption value =quotf2quotBananaltoption ltoption value =quotf3quotOrangeltoption ltoption value =quotf4quotPearlltoption ltselect 这个是时候我们想拿到选中的水果。

1首先在电脑中打开Dreamweaver，然后在网页设计中点击编辑按钮，就可以下拉2然后点击这个二级菜单代码折叠3接下来在这里就可以使用各种折叠的命令了，同样还能使用他的快捷键按钮4或者在代码这里还可以直接点击5这时候就可以看到代码后面这样省略的显示，代码就被折叠起来了。