span标签的title怎么在上面提示而不是下面

要在上面显示 `span` 标签的 `title`，可以使用 CSS 中的 `position` 属性和 `::before` 伪元素来实现。具体的做法是：

1. 给 `span` 标签添加 `position: relative;` 属性，使其成为一个相对定位的元素；
2. 使用 `::before` 伪元素，设置其 `content` 属性为 `attr(title)`，即将 `title` 属性的值赋给 `::before` 伪元素的 `content`；
3. 设置 `::before` 伪元素的 `position` 属性为 `absolute`，并将其 `top` 属性设置为负数值，例如 `-20px`，这样 `::before` 伪元素就会相对于 `span` 元素的顶部位置向上偏移；
4. 最后，为 `::before` 伪元素设置样式，例如 `background-color`、`color`、`padding` 等。

下面是一个示例代码：

<style>
  span {
    position: relative;
  }
  span::before {
    content: attr(title);
    position: absolute;
    top: -20px;
    background-color: #333;
    color: #fff;
    padding: 5px;
    border-radius: 5px;
  }
</style>

<span title="这是提示信息">这是一个带提示信息的文字</span>

这样，当鼠标悬停在 `span` 标签上时，提示信息就会显示在文本上方。