html右侧三级菜单,三级菜单.html

三级菜单

* {

list-style: none;

margin: 0;/**/

padding: 0;/**/

}

#big {

width: 150px;

}

li {

position: relative;

border: 1px solid black;

width: 100%;

}

span {

padding:5px;

padding-left:50px;

font-size: 24px;

color: #F00;

display: block;

cursor: pointer;/*鼠标手指效果*/

}

ul {

width: 150px;

background: #0F0;

}

ul ul {

position: absolute;

left: 150px;

top: 0;

display: none;

}

li:hover>ul {

display: block;

}

• 文件
  • 新建
    • HTML
      • HTML5
      • HTML4
    • CSS
  • 打开

一键复制

编辑

Web IDE

原始数据

按行查看

历史