html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8">5
<title>时代Java与您共同学习(NowJava.com)</title>6
</head>7
<style>8
.tooltip {9
position: relative;10
display: inline-block;11
border-bottom: 1px dotted black;12
}13
14
.tooltip .tooltiptext {15
visibility: hidden;16
width: 120px;17
background-color: black;18
color: #fff;19
text-align: center;20
border-radius: 6px;21
padding: 5px 0;22
23
/* 定位 */24
position: absolute;25
z-index: 1;26
top: -5px;27
left: 105%;28
}29
30
.tooltip:hover .tooltiptext {31
visibility: visible;32
}33
</style>34
<body style="text-align:center;">35
36
<h2>右侧提示工具</h2>37
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java