当鼠标hover在该标签内容上时，浏览器展示出该标签的title内容，让鼠标移走，内容消失，如下： div{ height:100px; width:100px; background-color: aqua; } 文字内容文字内容 2、方法二，利用css的伪类hover，以及显示隐藏属性display，来实现如下： .continer{ height:100px; width:100px; background-color: aqua; } .continer div{ display:none;/*默认隐藏*/ } .continer:hover div{ display:initial;/*当鼠标hover时展示*/ } 文字内容文字内容 偶是鼠标悬停展示的内容
hover在css中属于伪类
#top #top3 #top6 是div的名字 .ul1是div 的class也就是一个类的名字，可以理解为也是一个div的名字 li 是列表 a:hover是字体有链接的样式，就是超链接的有没有下划线和颜色。 整个合起来的意思就是：名称是#top #top3 #top6 .ul1这四个div的li中超链接的样式是什么样式！
css中悬停改变样式的最好方法是用伪类选择器div:hover{}。css代码示例如下：
div{width:100px;height:200px;background:#000;}div:hover{background:#fff;}这是一个修改背景颜色的示例，伪类里可以修改跟多的样式，宽度，高度或者字体大小，字体颜色都是可以修改的。
