html制作三级纵向菜单,HTML5实例之CSS3制作的三级下拉菜单（代码）

HTML5实例之CSS3制作的三级下拉菜单(代码)

三级下拉菜单

p{margin:30px 180px;}

ul{list-style:none;padding:0px;}

ul li{float:left;position:relative;}

ul li a{text-decoration:none;

background:#a40000;

display:block;

line-height:40px;

text-align:center;

padding:0px 10px;

color:white;

margin-right:1px;

}

ul li a:hover{background:#f90;}

ul li ul li,ul li ul li ul li{float:none;margin-top:1px;}

ul li ul li ul{position:absolute;

left:100%;

top:-1px;

width:100px;

}

ul li ul {display:none;}

ul li:hover ul{display:block;}

ul li:hover ul li ul{display:none;}

ul li ul li:hover ul{display:block;}