html5气泡提示框鼠标悬停气泡文字框提示代码

HTML5 中可以使用 title 属性来添加鼠标悬停提示，例如：

<a href="#" title="这是一个气泡提示框">悬停我查看提示</a>

述代码中，我们在一个 `a` 元素上添加了 `title` 属性，当鼠标悬停在这个元素上时，就会出现一个气泡提示框，其中包含了 `title` 属性中的文本内容。

如果你需要自定义气泡提示框的样式，可以使用 CSS 来实现，例如：

<style>
  .tooltip {
    position: relative;
    display: inline-block;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
</style>

<div class="tooltip">
  悬停我查看提示
  <span class="tooltiptext">这是一个气泡提示框</span>
</div>

上述代码中，我们使用了一个 `div` 元素来包裹需要添加气泡提示框的内容，然后给这个元素设置了 `position: relative`，并添加了一个 `span` 元素作为气泡提示框，给这个元素设置了默认的 `visibility` 和 `opacity` 属性，并使用了 CSS 中的 `transition` 属性来实现渐变过渡效果。当鼠标悬停在 `div` 元素上时，就会触发 `:hover` 伪类选择器，让气泡提示框的 `visibility` 和 `opacity` 属性发生变化，从而实现气泡提示框的显示和隐藏。