制作悬浮标签和鼠标滑过提示效果可以使用 CSS 的 :hover 伪类和 ::before 或 ::after 伪元素。
首先，我们需要为需要添加效果的标签添加一个 class 名称：
<span class="tooltip">这是一个需要添加效果的标签</span>然后，在 CSS 中定义该 class 名称的样式。首先，我们需要将该标签的 position 属性设置为 relative，这样才能让伪元素相对于该标签定位：
.tooltip {
position: relative;
}接下来，我们使用 ::before 或 ::after 伪元素来创建悬浮标签或鼠标滑过提示。以悬浮标签为例，我们可以使用 ::before 伪元素来创建一个带有内容的伪元素，并设置其 position 属性为 absolute，top 和 left 属性为 0，使其相对于该标签的左上角定位。然后，我们可以设置该伪元素的 display 属性为 none，使其一开始不显示：
.tooltip::before {
content: "这是一个悬浮标签";
position: absolute;
top: 0;
left: 0;
display: none;
}最后，我们使用 :hover 伪类来控制伪元素的显示和隐藏。当鼠标悬浮在该标签上时，我们将伪元素的 display 属性设置为 block，使其显示出来：
.tooltip:hover::before {
display: block;
}完整的代码如下：
<span class="tooltip">这是一个需要添加效果的标签</span>.tooltip {
position: relative;
}
.tooltip::before {
content: "这是一个悬浮标签";
position: absolute;
top: 0;
left: 0;
display: none;
}
.tooltip:hover::before {
display: block;
}同样的方法也可以用来创建鼠标滑过提示效果，只需要将伪元素的位置和内容进行相应的调整即可。