51问答网 > 请详细解释一下这段html代码，重点是导航的鼠标经过替换，仔细解释一下导航替换的css属性

请详细解释一下这段html代码，重点是导航的鼠标经过替换，仔细解释一下导航替换的css属性

2025-03-06 19:05:31

推荐回答（2个）

回答1：

问题一

.one:hover { } 加上:hover = 这个.one 鼠标经过时的CSS

问题二

CSS拉下菜单
给你一个概念

比如主菜单有3个
a,b,c
CSS
.a{}
.b{}
.b{}

子菜单(拉下式) 应该是整个UL或者TABLE之类的
我们叫
ul.a_sub{
display:none;}

ul.b_sub{
display:none;}

ul.c_sub{
display:none;}

预设全部子菜单都不显示，用display:none;达到

然后
.a:hover ul.a_sub{display:block;}
.b:hover ul.b_sub{display:block;}
.c:hover ul.c_sub{display:block;}

经过a这个主菜单时(.a:hover)... a 下面的 a_sub 才显示出来，用display:block; 达到

大概这个概念，当然子菜单可以不用ul，我这个方法，只需要你把子菜单放到主菜单内就行了

主菜单和子菜单2个都用div也可以...

回答2：

用CSS才行