1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <style type="text/css">
7 <!-- 使用display的none属性设置悬浮显示 -->
8 .con{
9 width: 300px;
10 height: 300px;
11 }
12
13 .box{
14 width: 100px;
15 height: 100px;
16 background-color: gold;
17 display: none;
18 }
19
20 .con:hover .box{
21 display: block;
22 }
23 </style>
24 </head>
25 <body>
26 <div class="con">
27 <h3>文字的标题</h3>
28 <div class="box">标题文字的说明</div>
29 </div>
30 </body>
31 </html>
来源：https://www.cnblogs.com/kogmaw/p/12423721.html