<style>
.tooltip{
text-decoration:underline;
}
.tooltiptext{
display:inline-block;
visibility:hidden;
width:100px;
height:50px;
background-color:rgba(0,0,0,0.3);
line-height:50px;
border-radius:10px;
color:#fff;
}
.tooltip:hover>.tooltiptext{
visibility:visible;
}
</style>
<body style="text-align:center;">
<div class="tooltip">鼠标移动到我这里
<span class="tooltiptext">提示文本</span>
</div>
</body>
CSS提示文本小案列
最新推荐文章于 2024-07-18 17:34:14 发布