CSS样式表 想要实现2级菜单 但是鼠标移上去无反应
<style>a{text-decoration:none;}ul{list-style-type:none;}.nav{}.navli{float:left;}.nav...
<style>
a{ text-decoration:none;}
ul{ list-style-type:none;}
.nav{ }
.nav li{ float:left;}
.nav li ul li{ float:none; display:none;}
.nav li:hover ul{ display:block;}
</style>
</head>
<body>
<ul class="nav">
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
</ul>
</body> 展开
a{ text-decoration:none;}
ul{ list-style-type:none;}
.nav{ }
.nav li{ float:left;}
.nav li ul li{ float:none; display:none;}
.nav li:hover ul{ display:block;}
</style>
</head>
<body>
<ul class="nav">
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
<li><a href="#">首页</a>
<ul>
<li><a href="#">一二三</a></li>
<li><a href="#">aaa</a></li>
<li><a href="#">aaa</a></li>
</ul>
</li>
</ul>
</body> 展开
1个回答
展开全部
.nav li{ float:left;}
.nav li ul{ display:none}
.nav li ul li{ float:none;}
.nav li:hover ul{ display:block;}也可以用javascript做
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
