超级会员免费看
本文介绍了如何仅使用CSS创建导航栏的下拉菜单效果，不依赖JavaScript。通过理解CSS属性、盒子定位和伪类选择器，详细阐述了制作过程，包括一级菜单和二级菜单的布局、隐藏与显示的控制。
知识点：CSS属性、盒子定位、伪类选择器的使用
实现效果：
制作思路：
1、先制作一个div盒子，用来放置导航菜单（一级菜单），设置盒子的高度和背景颜色。
2、一级菜单，使用ul无序列表制作，设置li标签浮动到一行，且取消项目符号。
3、需要设置二级菜单的li标签里，再嵌套ol标签制作。
4、二级菜单默认隐藏，只有鼠标悬浮在一级菜单上时，才会显示出对应的二级菜单。
实现代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
订阅专栏 解锁全文
扫一扫
572
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
