利用display属性实现下拉菜单的显示与隐藏
1、 新建HTML文件,创建一个div容器
2、 将菜单置于盒内
3、 去除列表项默认样式
4、 预览效果见下图
5、 美化下拉菜单导航样式
6、 所示,已设置背景色并将字体颜色调整为白色。
7、 设置下拉菜单的样式为付匠够王
8、 所示,下拉内容已添加背景色并设置字体颜色。
9、 鼠标悬停时显示下拉内容,否则隐藏
10、 预览图中鼠标未悬停时的显示效果
11、 鼠标悬停时显示隐藏内容。
利用display属性实现下拉菜单的显示与隐藏
1、 新建HTML文件,创建一个div容器
2、 将菜单置于盒内
3、 去除列表项默认样式
4、 预览效果见下图
5、 美化下拉菜单导航样式
6、 所示,已设置背景色并将字体颜色调整为白色。
7、 设置下拉菜单的样式为付匠够王
8、 所示,下拉内容已添加背景色并设置字体颜色。
9、 鼠标悬停时显示下拉内容,否则隐藏
10、 预览图中鼠标未悬停时的显示效果
11、 鼠标悬停时显示隐藏内容。