在子div上悬停在父div上添加阴影

可以通过CSS样式来实现。具体的步骤如下：

1. 首先，在HTML中创建一个父div和一个子div，如下所示：

<div class="parent">
  <div class="child"></div>
</div>

1. 接下来，在CSS中定义父div和子div的样式，并设置子div在悬停在父div上时添加阴影效果。可以使用:hover伪类选择器来实现悬停效果，box-shadow属性来添加阴影效果。示例代码如下：

.parent {
  position: relative;
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
}

.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  background-color: #fff;
  transition: box-shadow 0.3s ease;
}

.parent:hover .child {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

解释：

• 父div的样式设置了宽度、高度和背景颜色。
• 子div的样式设置了绝对定位，使其居中显示。宽度、高度和背景颜色也可以根据实际需求进行调整。
• 使用:hover伪类选择器来选择父div悬停时的状态。
• box-shadow属性用于添加阴影效果，参数分别表示水平偏移量、垂直偏移量、模糊半径和阴影颜色。

这样，当鼠标悬停在父div上时，子div就会添加阴影效果。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云CSS（云服务器）：https://cloud.tencent.com/product/css
• 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn
• 腾讯云云函数（Serverless 云函数）：https://cloud.tencent.com/product/scf
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（移动应用托管）：https://cloud.tencent.com/product/baas
• 腾讯云音视频（VOD）：https://cloud.tencent.com/product/vod
• 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse