当鼠标悬浮在元素上,通过hover改变字体或背景颜色等,移开鼠标又恢复
实例:
<style>
a span.showSpan:hover {background-color:#d0d0d0;}
div.nihao:hover {background-color:red;font-size: 30px;}
</style>
<body>
<div class="nihao">你好</div>
<a><span class="showSpan">大家好</span></a>
</body>
扩展:
CSS可控制超链接样式-css链接样式如下
a:link是超级链接的初始状态
a:hover是把鼠标放上去时悬停的状况
a:active是鼠标点击时
a:visited是访问过后的情况