当前位置： 移动技术网 > IT编程>网页制作>Html5 > HTML5实例之CSS3制作的三级下拉菜单（代码）

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

2019年01月12日  | 移动技术网IT编程  | 我要评论

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;}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网