html鼠标悬停显示多个div,怎么使鼠标滑过一个div，另外一个div显示出来

可以通过CSS中的:hover伪类和display属性来实现鼠标悬停时显示多个div。

具体实现步骤如下：

1. 在html中创建多个div，并设置它们的样式和位置。

2. 在CSS中设置需要显示的div的display属性为none，隐藏起来。

3. 使用:hover伪类选择器来触发鼠标悬停事件，并设置需要显示的div的display属性为block，让它显示出来。

示例代码如下：

HTML代码：

<div class="box1"></div>
<div class="box2"></div>

CSS代码：

.box1 {
  width: 100px;
  height: 100px;
  background-color: red;
}
.box2 {
  width: 100px;
  height: 100px;
  background-color: blue;
  display: none;
}
.box1:hover + .box2 {
  display: block;
}

解释：

上面的代码中，box1是需要触发悬停事件的div，box2是需要显示出来的div。在CSS中，设置box2的display属性为none，让它一开始隐藏起来。然后使用:hover伪类选择器，选择box1元素，并使用+选择器来选取它后面的box2元素。当鼠标悬停在box1上时，box2的display属性会被设置为block，让它显示出来。