今天我们来了解一下CSS中提示文字效果的标签。这个标签可以帮助我们在网页上添加一些提示信息,增加网页的互动性。下面是一段使用CSS中的提示文字效果的示例代码: <style>
<style> .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; position: absolute; background-color: #555; color: #fff; padding: 5px; z-index: 1; border-radius: 5px; font-size: 12px; white-space: nowrap; } .tooltip:hover .tooltiptext { visibility: visible; } </style> <p>在这个标签里是一段<span class="tooltip">带提示文字的文字<span class="tooltiptext">这是提示文字</span></span>,你可以在上面鼠标悬停来查看该提示信息。</p>
粉丝
0
关注
0
收藏
0