
效果图如上
HTML代码如下:
个人认为最合理的布局方式:使用ul布局。每个li中再嵌套一个ul表示二级菜单

CSS样式代码如下:
在设置一级菜单hover效果时,一定要记得是要选择一级菜单中的li标签,如果是选择a标签的话,那么二级菜单虽然可以出现但是却不能点击。


效果图如上
HTML代码采用跟上面二级菜单一样的布局,不同之处在于原先ul是垂直分布,手风琴这个需要让元素并排排列
CSS代码:
个人认为最合理的布局方式:使用ul布局。每个li中再嵌套一个ul表示二级菜单
CSS样式代码如下:
在设置一级菜单hover效果时,一定要记得是要选择一级菜单中的li标签,如果是选择a标签的话,那么二级菜单虽然可以出现但是却不能点击。
HTML代码采用跟上面二级菜单一样的布局,不同之处在于原先ul是垂直分布,手风琴这个需要让元素并排排列
CSS代码: