使用CSS创建工具提示
当用户在文本上移动鼠标光标时,将显示工具提示。您可以在其中添加信息,以使用户易于理解。
示例
您可以尝试运行以下代码以了解如何创建工具提示-
<!DOCTYPE html>
<html>
<style>
#mytooltip #mytext {
visibility: hidden;
width: 100px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 3px;
padding: 10px 0;
position: absolute;
z-index: 1;
}
#mytooltip:hover #mytext {
visibility: visible;
}
</style>
<body>
<div id = "mytooltip">Hover the mouse over me
<p id = "mytext">My Tooltip text</p>
</div>
</body>
</html>热门推荐
10 生病祝福语简短文案
11 给长辈祝福语简短大全
12 三十三句祝福语简短
13 生女儿的祝福语简短
14 宝子生日祝福语简短
15 公司28 周年祝福语简短
16 过年爱情祝福语大全简短
17 顾客简短祝福语大全集
18 牛年女神节祝福语简短