使用HTML和CSS制作下拉菜单的方法如下：
1、编写带有div导航的html代码：
2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。
3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。
4、在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。
5、制作导航css：
改的比较粗,但也能用了 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" /><title>无标题文档</title><style type="text/css">*{ font-size:12pxfont-family:Tahoma, Geneva, sans-serif} #nav a{ display:blockwidth:80px} #nav{ margin:0padding:0} #nav li{ float:lefttext-align:center} #nav li a{ color:#FFFbackground:#000height:25px} #nav li a:hover{ color:#000background:#999} #nav li ul{ list-style-type:nonemargin:0pxpadding:0pxdisplay:none} #nav li ul li{ float:none} #nav li ul li a{ width:80pxheight:25pxbackground:#333color:#90F} #nav li ul li a:hover{ background:#999color:#F00} #ddss{ position:absolutetop:40pxleft:9pxwidth:950pxheight:20pxbackground:#CCCmargin:5px 0 0 0z-index:1 } .yy{clear:bothheight:10pxline-height:1pxfont-size:1px} #ddst{ position:absolutetop:10pxleft:9pxmargin:5px 0 0 0z-index:2 } </style></head><body><div id="ddst"><ul id="nav"><li onmouseover="show('nav_1')" onmouseout="hide('nav_1')" ><a href="#">一</a><ul id="nav_1"><li><a href="#">1-1</a></li><li><a href="#">1-2</a></li><li><a href="#">1-3</a></li></ul></li><li onmouseover="show('nav_2')" onmouseout="hide('nav_2')" ><a href="#">二</a><ul id="nav_2"><li><a href="#">2-1</a></li><li><a href="#">2-2</a></li><li><a href="#">2-3</a></li></ul></li><li class="yy"></li></ul></div><div id="ddss">-------------------被挤走了，怎么办？？？--------------------------------- </div><script type="text/javascript">function show(id){ document.getElementById(id).style.display='block'} function hide(id){ document.getElementById(id).style.display='none'} </script></body></html>1.基本语法<marquee>滚动文字 </marquee>
2.文字移动属性的设置
（1）滚动方向属性direction
可以设定文字滚动的方向，分别为向左（left）、向右（right）、向上（up）、向下（down），使滚动的文字具有更多的变化。
基本语法：
<marquee direction="value">滚动文字</marquee>
（2）滚动方式属性behavior
通过这个属性能够设定不同方式的滚动文字效果。如滚动的循环往复、交替滚动、单次滚动等。
基本语法：
<marquee behavior="value">滚动文字</marquee>
（3）滚动循环属性loop
通过这个属性能够让文字滚动循环进行。
基本语法：
<marquee loop="次数">滚动文字</marquee>
（4）滚动速度属性scrollamout
通过这个属性能够调整文字滚动的速度。
基本语法：
<marquee scrollamount="value">滚动文字</marquee>
（5）滚动延迟属性scrolldelay
通过这个属性，可以在每一次滚动的间隔产生一段时间的延迟。
基本语法：
<marquee scrolldelay="value">滚动文字</marquee>
3.外观(Layout)设置
（1）滚动文字对齐方式align
基本语法：
<marquee align="对齐方式">滚动文字</marquee>
对方方式=top、middle、bottom，对齐上沿、中间、下沿。
（2）滚动背景颜色属性bgcolor
在滚动文字的后面，可以添加背景颜色。
基本语法：
<marquee bgcolor="color_value">滚动文字</marquee>
