如何使用HTML和CSS制作下拉菜单

使用HTML和CSS制作下拉菜单的方法如下：

1、编写带有div导航的html代码：

2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中，在图示的HTML代码中，一个简单的无序列表（ul）来表示主菜单项。

3、在主菜单区域中添加链接。在本步骤中，在无序列表（ul）每一项上添加链接。

4、在“关于我们（About Us）”下方LI标签内添加一个无序列表，它代表其子菜单的链接。

5、制作导航css：

很明显,你图中的那个蓝色是用的背景图,而不是纯色的背景色,而且不只背景色,字体色也是白的,不是黑的.这个是用CSS控制背景图和字体颜色实现的.

.selected {

background-image:url('蓝色背景图文件')

color: #FFFFFF

}

.other {

background-image:url('白色背景图文件')

color: #000000

}

当前项应用selected样式,其它项应用other样式,就行了.

新建调用模版：text.<table border="0" width="100%" cellpadding="0" cellspacing="0">{$}

<tr>{$$}

<td height="20">{$content}<td>{$$}

</tr>{$}

</table>

前台调用：{$=itransfer('top', 'jianjietxt','topx=1tnum=10genre=aboutusosql=and abid=1')}

---