如何使用display创建下拉菜单效果
工具/原料
dreamweaver cs6
方法/步骤
1
新建html文件,创建div盒子
2
把菜单内容写在盒子里
3
清除ul li样式
4
预览效果如图
5
为下拉菜单导航添加样式
6
效果如图添加了背景色和字体颜色设置成了白色
7
设置下拉菜单的样式
9
隐藏下拉内容,设置鼠标滑过下拉内容显示
10
预览效果如图鼠标没有滑过时的效果
11
鼠标划过时隐藏内容显示。
dreamweaver cs6
新建html文件,创建div盒子
把菜单内容写在盒子里
清除ul li样式
预览效果如图
为下拉菜单导航添加样式
效果如图添加了背景色和字体颜色设置成了白色
设置下拉菜单的样式
隐藏下拉内容,设置鼠标滑过下拉内容显示
预览效果如图鼠标没有滑过时的效果
鼠标划过时隐藏内容显示。