首页 > 编程知识 正文

html5与css3网页设计基础(css下拉菜单代码)

时间:2023-05-04 15:22:48 阅读:68753 作者:3313

使用HTML5实例的CSS3创建的三级下拉菜单(

三级下拉菜单

p{margin:30px 180px; }

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

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

ul Li a {文本修饰: none;

后台: # a 40000;

显示: block;

line-height:40px;

文本对齐3360中心;

padding:0px 10px;

color:白色;

margin-right:1px;

}

ullia : hover {后台: # f90; }

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

ulliulliul { position : absolute;

left:100%;

top:-1px;

width:100px;

}

ul li ul {display:none; }

ulli : hover ul { display : block; }

ulli : hoverulliul { display : none; }

ulli ulli : hover ul { display : block; }

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。