给你一个地址你自己选,这个网站还能帮助你解决其他问题
http://www.lanrentuku.com/js/nav.html
你看的这个页面是 CSS 禅意花园。
添加下拉菜单,可以使用第三方UI库,例如 bootstrap 中的 dropdown 组件实现.
具体组件的配置你去官网看看就行。
dropdown
使用HTML和CSS制作下拉菜单的方法如下:
1、编写带有div导航的html代码:
2、使用class=“nav”属性的‘div’标签作为菜单的容器。在截图中,在图示的HTML代码中,一个简单的无序列表(ul)来表示主菜单项。
3、在主菜单区域中添加链接。在本步骤中,在无序列表(ul)每一项上添加链接。
4、在“关于我们(About Us)”下方LI标签内添加一个无序列表,它代表其子菜单的链接。
5、制作导航css: