HTML一级菜单和二级菜单区别,一级菜单和二级菜单对不齐

html>

二级菜单

*{

margin: 0px;

padding: 0px;

}

ul{

font-size: 18px;

color: white;

list-style-type: none;

text-align: center;

width: 200px;

line-height: 40px;

background-color: black;

position: relative;

}

a{

color:white;

text-decoration: none;

}

li{

border-bottom: 1px dotted white;

}

li:last-child{border: none;}

ul>li>ol{

display: none;

list-style-type: none;

width: 200px;

background-color: gray;

position: absolute;

left: 200px;

}

ul>li>ol>li{

border-bottom: 1px dotted white;

}

ul>li:hover ol{

display:block;

}

• 前端开发

  1. HTML/CSS
  2. JavaScript
  3. Vue.js
  4. ReacLJS
  5. 小程序
  6. Node.js

• 后端开发

  1. Java
  2. SpringBoot
  3. Spring Cloud
  4. Python
  5. 爬虫
  6. PHP

• 移动开发

  1. Android
  2. iOS
  3. React native
  4. WEEX

• 算法/教学

  1. 算法与数据结构
  2. 数学
  3. 算法

• 前沿技术

  1. 微服务
  2. 区块链
  3. 以太坊
  4. 人工智能
  5. 机器学习
  6. 深度学习
  7. 计算机视觉
  8. 自然语言处理
  9. 数据分析/挖掘

• 运维/测试

  1. 运维
  2. 自动化运维
  3. 运维工具
  4. 中间件
  5. Linux