html css二级导航栏
2021-06-03 03:03
阅读：506
YPE html>
标签：htm bsp char html css col none link add center
二级导航栏制作：
1.将一级导航栏去除列表样式（list-style:none），并给予浮动，使其横向排列（float:left）
2.给每个li中添加一个标签，给a设置样式,使其成为块级元素( display:block)，这样只需要点击当前 li 范围区域即可触发a的跳转
3.给需要添加二级导航栏的li里面添加 ul>li ,给个类名，设置其样式为（display:none），使其在普通情况下隐藏
4.设置一级导航栏划过效果，当滑到有二级导航栏的 li 时，设置二级导航栏状态为（display:block）,即为显示状态
Document
- 一级
- 一级
- 一级
- 二级
- 二级
- 二级
- 一级
- 一级
- 一级
html css二级导航栏
标签：htm bsp char html css col none link add center
原文地址：https://www.cnblogs.com/fjxylin/p/12353388.html
上一篇：上传漏洞之生成图片木马方法
下一篇：css定位有哪几种方式
评论
亲，登录后才可以留言！