网络上的各种网页,二级下拉菜单非常常见,那么HTML中怎样制作二级下拉菜单呢?
工具/原料
联想威6
win1020H2
Hbuilder9.1.29
方法/步骤
1、如图,先书写一个div标签,并且给这个div标签添加一个id。
2、然后在div里面嵌套一个p标签，p标签里面放置了一个主菜单“头像”。我们要做的缃俜橹燧效果就是当鼠标放在“头像”这里就会弹出下拉菜单。
3、然后我们使用*清除所有元素的margin和padding值。
4、接着我们来设置id为icon的div的样式，烂瘀佐栾这里只设置宽度，高度就靠里面的下拉菜单的内容来撑开这个div的高度。这里菀蒯踔观我就使用line-height和text-align来让文字上下左右居中，并且我还设置了border边框。
5、最后，二级菜单的主菜单做出来了。
