如何通过html和css完成下拉菜单的制作
如何通过html和css完成下拉菜单的制作
日期:2016-08-04 14:10:14 人气:3
首先需要打开自己电脑上的DW软件,新建一个html页面,然后将其保存在桌面上。
接下来我们需要在body里面添加DIV标签,并在其内使用ul无序列表和li标签制作一个一级菜单栏,代码和浏览器的效果如下面两张图片所示。
因为菜单栏一般都是有链接的,我们就需要为每个li标签添加一个a标签,并增加适当的样式。使得鼠标移到链接上面时有明显的颜色变化。
截止到上一步我们的一级菜单栏已经制作完成,接下来我们需要制作二级菜单栏。我们在有二级菜单栏的一级菜单栏的li标签下面添加ul再添加li标签