用display实现下拉菜单

利用display属性实现下拉菜单的显示与隐藏

1、 新建HTML文件，创建一个div容器

2、 将菜单置于盒内

3、 去除列表项默认样式

4、 预览效果见下图

5、 美化下拉菜单导航样式

6、 所示，已设置背景色并将字体颜色调整为白色。

7、 设置下拉菜单的样式为付匠够王

8、 所示，下拉内容已添加背景色并设置字体颜色。

9、 鼠标悬停时显示下拉内容，否则隐藏

10、 预览图中鼠标未悬停时的显示效果

11、 鼠标悬停时显示隐藏内容。