如何在鼠标悬停时显示/隐藏div？

在鼠标悬停时显示/隐藏div，可以使用CSS的伪类选择器:hover。以下是一个简单的示例：

HTML代码：

<!DOCTYPE html>
<html>
<head><style>
.box {
  display: none;
  width: 100px;
  height: 100px;
  background-color: red;
}

.container:hover .box {
  display: block;
}
</style>
</head>
<body>

<div class="container">
  <p>将鼠标悬停在这里</p>
  <div class="box"></div>
</div>

</body>
</html>

在这个示例中，我们创建了一个名为.box的div，它的初始状态是隐藏的（display: none）。然后我们使用.container:hover .box选择器，当鼠标悬停在.container元素上时，.box元素的display属性变为block，从而显示出来。

这个示例仅仅是一个简单的展示，实际应用中可以根据需求进行更多的样式和动画效果的设置。