第二级导航栏使用序言1.html2. CSS部分进行总结
前言：可能有些合作伙伴不太熟悉二级导航栏的应用。 因此，我们将演示二级导航栏，如下所示
1.html部分的css代码如下(
body ul class='nav1' li一级菜单ul class='nav2' li二级菜单/li li二级菜单/Li二级菜单/Li/ul/Li一级菜单ul class=' ' Li级1菜单ul class='nav2' li级2菜单/li li级2菜单/Li/ul/Li级1菜单ul class='nav2' li级2菜单
syle type=' text/CSS ' * { margin : padding: 0； cursor: default； } .nav1 { list-style: none； 显示： Flex； width: 100%； } .nav1li { width: 100px； height: 50px； line-height: 50px； 文本对齐3360中心； flex: 1； } .nav2li { height: 0； 背景色： pink； Overflow :隐藏； 玛姬- bottom : 3px； transition: 1s； }.na v1li : hover.nav 2li { height :50 px； }.na v1 Li : hover { background-color : pink； height: 50px； (} /style以下为效果图
以上是今天的内容。 感兴趣的人请马上试试。 本文仅提供了辅助导航栏的使用示例。 有问题的人可以留言哦。