首先HTML布局
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>鼠标悬停</title>
</head>
<body>
<div title="我是鼠标悬停文字">我是一个DIV</div>
</body>
</html>
悬停文字的问题 ， 不用加CSS 给它加个title属性就可以了 ， 浏览器会默认有这个样式的，最终显示的图片是
css里面，可以把文字显示属性设置为block，然后在鼠标hover时把visiability属性设置为可见，鼠标out时设置visiability设置为不可见就可以了。