CSS3 div悬停显示删除图标，无javascript，纯CSS3

的实现方法是使用伪类和CSS属性来实现。具体步骤如下：

创建一个包含删除图标的div元素，并设置其样式为隐藏状态。

<div class="container">
  <div class="content">内容</div>
  <div class="delete-icon"></div>
</div>

使用CSS选择器和伪类来控制鼠标悬停时删除图标的显示。

.container {
  position: relative;
}

.delete-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  background-image: url("删除图标的URL");
  background-size: cover;
  opacity: 0;
  transition: opacity 0.3s;
}

.container:hover .delete-icon {
  opacity: 1;
}

在上述代码中，我们首先将删除图标的div元素设置为绝对定位，并通过top、left和transform属性将其居中显示。然后，我们设置其背景图像为删除图标的URL，并使用background-size: cover来适应图标的大小。初始状态下，我们将其透明度设置为0，并通过transition属性实现渐变效果。最后，通过.container:hover .delete-icon选择器来控制鼠标悬停时删除图标的透明度为1，从而实现显示效果。

这种方法不需要使用JavaScript，完全通过CSS来实现悬停显示删除图标的效果。

推荐的腾讯云相关产品：腾讯云对象存储（COS）