首先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设置为不可见就可以了。