怎么用html做一个三级菜单栏,只使用H5和CSS3制作带有二三级菜单的导航栏,下面代码怎么改?...

dddddd

body

{

margin:0;

padding:0;

width:100%;

height:100%;

background:#47c9af;;

color:#74777b;

font-weight:500;

font-size:1em;

font-family:'Raleway', Arial, sans-serif;

}

a:link,a:visited{text-decoration:none;list-style:none;}

*, *:after, *:before

{

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-o-box-sizing: border-box;

box-sizing: border-box;

}

/*---------------------------------------*/

div

{

width: 1000px;

height: 1000px;

margin: 20px auto;

}

nav ul li

{

width: 90px;

height: 40px;

list-style:none;

float: left;

margin: 5px 5px 0px 5px;

background-color: #f08080;

text-align: center;

}

.menu1

{

background-color: #FF00FF;

}

.menu3

{

background-color: #00FFFF;

}

.menu3 ul li

{

clear: both;

width: 90px;

height: 40px;

background-color: #e9967a;

position: relative;

left: -45px;

visibility: hidden;

}

.menu3:hover ul li

{

visibility: visible;

color: #fff;

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值